Recording and uploading HD Ziggeo videos?

Hi, curious if there’s a way to add on features to the Ziggeo plugin that will allow recording and uploading of HD content (adding ability to specify width, height and profile in tag). Could this be sponsored @josh @emmanuel? Right now all content is being compressed down to 640x480 after upgrading to the Premium Ziggeo plan. @bane do you think we might need to build a custom Ziggeo plugin in Bubble to support this? Anything stopping us from building a new plugin using the plugin element builder, functionality-wise? Things to be concerned about?

Ideally a Bubble user would be able to enter custom profile info for the recorder, uploader and player.

Hi Philip,

Unfortunately I am not that familiar with the creation of the plugin to be able to give you precise details if something would not be possible. Based on the conversations so far and what I saw, it should be possible to do it.

In general our system can be contacted over REST API in order to get the list of videos, get data about the video, or anything else just the same. Now while in my tests so far I did manage to communicate with our servers, the problem for me is that I was not able to find a cross over from the API to the actual Bubble interface, nor to get events from our embeddings to fire Bubble events - which I believe @Bubbleboy was able to do.

So if you know how to combine the events that fire on our embedding (like “verified”) to be detected by Bubble you are golden as you should be able to do anything.

In general if you were adding the pure HTML code to your Bubble app you could specify the hd profile yourself as well.

Example (in v2) would be:

<ziggeorecorder
  ziggeo-width="640"
  ziggeo-height="480"
  ziggeo-video-profile="123456789">
</ziggeorecorder>
  • of course if your token was 123456789 and in case you were mentioning key, it would need an underscore in front of it just as shown in the v1 code you posted.

PS: I just check out the create your plugin and looking at it I presume that something like this would be needed for a base:

<link rel="stylesheet" href="//assets-cdn.ziggeo.com/_*_VERSION_*_-_*_REVISION_*_/ziggeo.css" />
<script src="//assets-cdn.ziggeo.com/_*_VERSION_*_-_*_REVISION_*_/ziggeo.js"></script>
<script>
  ZiggeoApi.V2.Application({
    token:"_*_APPLICATION TOKEN_*_",
    webrtc: _*_USE WEBRTC (BOOL)_*_,
    webrtc_streaming: _*_USE WEBRTC STREAMING (BOOL)_*_,
    auth: _*_USE AUTH TOKENS (BOOL)_*_
  });
</script>
  • Details:
    _*_VERSION_*_ - there is v1 and v2 ziggeo.js file. v1 holds both v1 and v2 codes while v2 holds only v2 app codes
    _*_REVISION_*_ - Bubble to Ziggeo plugin is using our stable revision. This is recommended for production, however I guess that you would want to allow people to choose their own revision.
    https://ziggeo.com/docs/sdks/javascript/version-history
    _*_APPLICATION TOKEN_*_ - application token
    _*_USE WEBRTC (BOOL)_*_ - if WebRTC should be used. For v2 embeddings this is true by default and recommended option (experience and future wise).
    _*_USE WEBRTC STREAMING (BOOL)_*_ - available in never revisions only (not in stable) - data is uploaded to our servers during recording, making uploading seem faster and improving overall experience (we do not yet have live streaming however working on that :wink: ).
    _*_USE AUTH TOKENS (BOOL)_*_ - by default we go with minimal approach, so auth tokens are not enabled for v2, so you need to specifically set them as enabled when creating v2 app.

Now the reason why I would recommend the above is because v2 app is much better approach just as using v2 embeddings is. Now of course, if someone was to choose to use v1 instead (as many are still using), you would need to use a different approach:

    <link rel="stylesheet" href="//assets-cdn.ziggeo.com/_*_VERSION_*_-_*_REVISION_*_/ziggeo.css" />
    <script src="//assets-cdn.ziggeo.com/_*_VERSION_*_-_*_REVISION_*_/ziggeo.js"></script>
    <script>
      ZiggeoApi.token = "_*_APPLICATION TOKEN_*_";
      ZiggeoApi.Config.webrtc = _*_USE WEBRTC (BOOL)_*_;
    </script>
  • it has auth tokens turned on by default and it does not have WebRTC streaming option available.
    ** I would still suggest using v2 app and embeddings for any new developments

Hope this helps for further discussion and just to mention, we would offer referral bonus partnership from our side for anyone building the plugin, and of course would help with details needed from our side :wink:

Regards,
Bane

1 Like

@philip my approach . Use an HTML element add your ziggeo code to the header of the page and use what ziggeo embed code provided for the HTML. Use the Toolbox plugin to expose the token/is, this is what ziggeo returns when you upload a vid.

Then do an api GET for all the vids relayed info

note. You cannot have the ziggeo plugin . You need to uninstall that

We also had many problems with Ziggeo and the default Ziggeo plugin and got a perfectly working solution for all issues with the Advanced Ziggeo plugin built by Bubblify.