[New Plugin] Professional Ziggeo Plugin

Showcase
1

Hey everyone, we are happy to announce that we released our “Professional Ziggeo Plugin” ! We needed a Ziggeo implementation for one of our apps and were not 100% satisfied with the current pluigns, so we went ahead and built our own.

This Plugin incorporates the Ziggeo Javascript SDK into Bubble and contains almost all parameters, actions and events into one big plugin.

This plugin uses the latest stable JavaScript SDK from Ziggeo, but if you want to use a different version just let us know and we will incorporate that.

For a (very simple) demo please visit: https://anticodepluginsnew.bubbleapps.io/version-test/zigg

INCLUDES:

  • Ziggeo Player with almost all Parameters
  • Ziggeo Recored with almost all Parameters

Actions:

  • Toggle Settings
  • Get Current Position
  • Destroy Embedding
  • Pause Playback
  • Play
  • Seek
  • Set Key
  • Set Volume
  • Toggle Subtitles
  • Pause Recording
  • Cancel
  • Start Recording
  • Trigger Rerecording

Events:

  • Video has been watched to end
  • Video is loaded
  • Video has been paused
  • Video has started playing
  • Video has been seeked
  • Recorder Poster Image was skipped
  • Recorder Video has been uploaded
  • Recorder Video has processed
  • Recorder Video is uploading currently
  • Recorder no access to camera or microphone
  • Recorder no microphone detected
  • Recorder no camera detected
  • Recorder Recording stopped
  • Recorder Video uploaded and verified
1 Like
2

Setup Demo:

3

Watched your YT video @Anticode . Super useful plugin! :grinning: :+1:t2:

1 Like
4

Hi, just bought the plugin but can’t get it to work. Do you have any documentation aside from the demo video? I followed it, added my App Token, but the player and recorder are both absent from my live pages…

5

Hey,

we replied via Email

6

Thanks for reaching out. Replying here in case it helps others…

I got it to work by generating the SDK script from Ziggeo, then manually pasting that into the Bubble header (Settings > SEO/Metatags > Script/meta tags in header).

Otherwise without that, both the recorder and player are not visible on my page at all.

7

Is this still the case @Anticode … I would have thought this would be included in the build? I have just purchased it for a project and this is the console error:

Bug in custom codeReferenceError: ziggeoApp is not defined
at HTMLDocument.eval (PLUGIN_1621965110046x265240610393817100/Professional-Ziggeo-Plugin-update–Ziggeo-Recorder-.js:23:1)
at j (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/5dae54b1ecd7570c88b43b2201a0ece08d293ea16cf00ec33c9f31efa0cbb146/xfalse/x17/run_debug.js:2:29948)
at k (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/5dae54b1ecd7570c88b43b2201a0ece08d293ea16cf00ec33c9f31efa0cbb146/xfalse/x17/run_debug.js:2:30262)
at root (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/5dae54b1ecd7570c88b43b2201a0ece08d293ea16cf00ec33c9f31efa0cbb146/xfalse/x17/run_debug.js:2:31635)Bug in custom codeReferenceError: ziggeoApp is not defined
at HTMLDocument.eval (PLUGIN_1621965110046x265240610393817100/Professional-Ziggeo-Plugin-update–Ziggeo-Recorder-.js:23:1)
at j (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/5dae54b1ecd7570c88b43b2201a0ece08d293ea16cf00ec33c9f31efa0cbb146/xfalse/x17/run_debug.js:2:29948)
at k (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/5dae54b1ecd7570c88b43b2201a0ece08d293ea16cf00ec33c9f31efa0cbb146/xfalse/x17/run_debug.js:2:30262)
at root (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/5dae54b1ecd7570c88b43b2201a0ece08d293ea16cf00ec33c9f31efa0cbb146/xfalse/x17/run_debug.js:2:31635)

8

adding the code as suggested does bring this to life but there do appear to be a number of bugs making it quite a pain to troubleshoot… however I did (I think) get there… so I would be good to get them looked at and resolved.

Things I encountered … if you choose the wrong setting you can get massive amounts of repeating video recorders in a single-window… very weird.

Anyways - this works:
Container for the video.

image
image352×872 20.8 KB

Ziggeo element
image

image
image344×566 12.4 KB

image
image818×701 95.2 KB

Cheers

9

ok … another bug on an trigger element action from a button click workflow.
image

10

Hello stuart,

thank you for your message. We will look into the bugs you reported.

11

If you need more info let me know i am happy to help

12

Would also be good to have the screen recording option in there :slight_smile:

Is there a way to in the api to say when the video is fully uploaded?
The workflow I want is when the video has been processed I would like the submit button to be enabled to send data to database.

Cheers

13

We implemented all events there are for this:

  • uploaded
  • processed
  • verified
14

thanks for the reply, when I try in a workflow I only see Token

image
image1115×359 18.1 KB

On button click I only see these element actions:

image
image434×657 22.1 KB

And conditionals I only see token
image

Should i be doing something else?

15

Yes, you are only looking at states and actions.
You will have to use events.
Go to workflows, add a new workflow and as a trigger you have access to the various events.
Like the screenshot attached but you will see more options:

Bildschirmfoto 2022-07-01 um 11.53.58
Bildschirmfoto 2022-07-01 um 11.53.581054×1004 39.1 KB

16

ok, cool - got that i was looking for it on the page rather than in the reusable that it was within.

image
image356×538 13 KB

17

Hey guys, sorry for all the messages … just trying to utilise the plugin as much as possible and am having some trouble here and there.

image

So I have a Ziggeo Recorder on the page and a button underneath which I have set a workflow on to trigger the actions listed below.

  1. Pause Recording a Ziggeo Recorder
  • I start a recording and then click this button, nothing happens. I would expect it to pause current recording.
  1. Cancel Recording a Ziggeo Recorder
  • This appears to cancel the upload of a video “Do you really want to cancel your video upload?” but I cant see how that works.
  1. Destroy a Ziggeo Recorder
  • Unsure what this does?
  1. Start Recording a Ziggeo Recorder
  • This activates the camera (light comes on) but doesn’t activate the recording process - see image
    image
    image2016×954 136 KB
  1. Resume a Ziggeo Recorder
  • cant test as the pause process doesn’t work.
  1. ToggleFullscreen a Ziggeo Recorder
  • as mentioned in a previous thread, generates and error.
  1. Trigger ReRecord a Ziggeo Recorder
  • After I record a video I click the button with the action, this pops up a message “Do you really want to redo your video?” but nothing happens after this.
  1. Reset a Ziggeo Recorder
  • What is this supposed to do? doesn’t appear to do anything.
  1. Clear the Video ID from a Ziggeo Recorder
  • this work fine.

Any assistance on anything I am doing wrong would be good.

cheers

18

@Anticode any ideas on the questions regarding the plugin?
Thanks

19

Hey, sorry for the late reply.
can we maybe jump on a quick 15 min call?

This would be the easiest way for us to see what the problem is

20

Hey there, I am happy to arrange something - I am in Australia (sydney), not sure what time zone you guys are in?