📹 Video recorder - New Plugin from Zeroqode

Hi @tobixzybolumole, :wave:

It looks like you need to ensure that certain settings are enabled and that your workflow is correctly set up to save and upload the video recordings. Here are the steps you need to follow:

  1. Make sure to set the “File uploads enabled” field to “yes” in the VideoRecorder element settings. This ensures that the recorded videos can be uploaded and saved:
  2. After using the “Save Record VideoRecorder” action, you need to use the event “VideoRecorder A File is uploaded” to create a new entry in your database with the uploaded video file. This ensures that the file is properly saved and linked in your database:

Please make sure to check the documentation: https://docs.zeroqode.com/plugins/video-recorder and the demo editor page: Zeroqode-demo-23 | Bubble Editor for more detailed guidance on how to use the Video Recorder plugin effectively.

If you still encounter issues after reviewing the documentation and demo, please provide more specific details about the problems you’re facing, such as any error messages or unexpected behavior, and we can assist you further.

We hope this helps!

Best regards,
Zeroqode Support Team.

the videos are not downloading into my app database

Hello @tobixzybolumole ,
We hope you are doing well. :slightly_smiling_face:
​
For us to better understand where the issue lies, could you please share with us more details regarding your use case:
​
-Screenshots of the plugin configuration.
-Screenshots of the workflow events configuration that you mentioned you are having issues with, particularly: Recording Finished and the saving action and Pause, or resume recording event.
-And please share with us a video recording (we recommend using Loom tool) in step-by-step mode while you are trying to save the video.
​
These details will help us reproduce your setup on our side and look into it.
​
Additionally, it would be very helpful if you could add our Support Team email to the list of collaborators in your application and provide us with a link to your app. This will enable us to check your settings and reproduce them on our side to identify the issue.

To add our Support Team as a collaborator, please follow these steps in the Bubble Editor:
Settings > Collaboration > Add email support@zeroqode.com.

If we receive app access we want to ensure your privacy and confidentiality are respected. :blush:

That’s why we ask you to provide us with credentials that we could use to log in, what page to open, what groups we should access, related workflows, and step-by-step instructions on how we can reproduce this issue without accessing any info you consider private or sensitive.​

Let me know if you have any additional questions. We are here to help!
Have a nice day. :sunny:
Zeroqode Support Team.

Hi there,

I am using your videorecorder plug-in and would like to report 3 bugs:

Device: Macbook Pro
Browser: Chrome (lastest version)

Bug 1:
I recently upgraded the plug-in version from 1.37.0 to the latest version 1.42.0.

When testing the video recorder after upgrading the version I noticed that after recording a video I would receive the following browser notification:
Error Message Video Record Mid-Test

Then when I tried to view the videos, they weren’t loading. I can see the videos are saving to the bubble database but that the videos don’t load.

When I revert back to version 1.37.0 this issue no longer occurs and the videos are recorded without the notification, and I can view them fine.

Bug 2:
When users initiate the Stop Camera VideoRecord action they get the following browser error message:
Error Message Video Record - End of test

Bug 3:
A lot of my users have reported that the video recorder would automatically stop recording and upload the video instantly after they clicked the start recording button. I have been unable to replicate this bug myself. I have tried to get screenshots and screen recordings of this but this has so proved tricky. I see version 1.41.0’s title is ‘Fixed duration count of record’ is that a fix for this bug?

Your swift guidance would be very much appreciated, thank you in advance!

1 Like

Hello @andrew9 ,

Thanks for reaching out to us.

Regarding the first point, we have also reproduced it on our end. Our development team is currently investigating the cause, and we’ll get back to you when there are any updates or news regarding it.

Regarding Bug 2 and Bug 3, could you please let me know if they are also happening on the latest version 1.42.0 or on the previous version you were using?

If it is the latest version, to better understand what exactly is happening in your case, would it be convenient for you to share more details on your use-case? Specifically, screenshots and screencasts of your workflow setup, plugin elements, how the issue appears, and the expected result. For screencast recording, I can suggest using the Loom tool.

Please record a video in step-by-step mode from the moment you open the page. Start the recording and then “Stop Camera”. Please check each action in inspect mode. Also, please check the browser console for any messages that could give more information on the inquiry.

These details will help us reproduce your setup on our side and look into it.

Thank you once again, and looking forward to your reply.

Best regards,
Zeroqode Support Team

Hi team,

bugs 2 and 3 were on an older version. I haven’t been able to update to the latest to due the severity of bug 1 in the latest version.

Can you please provide an update for me on when this will be fixed?

1 Like

Hello @andrew9 ,

Thank you for your message—we have some great news for you!

We’ve just released version 1.43.0 of the Video Recorder Plugin, where we have fixed the glitch related with saving the videos.

To use this new version, please ensure that you set the “Autosave to Bubble” field to empty in the Start Recording action [image].

Could you please check it on your end and let us know if everything is working well?

Thank you once again, and we look forward to your reply.

Best regards,
Zeroqode Support Team

Hi, re-tested this on the latest chrome version. Its not working still. I am on a MacBook pro.

Here’s what I tried, and the result:

  1. When I tried the latest 1.43.0 version of the plug-in AND set the “Autosave to Bubble” field to empty in the Start Recording action —> result was that the video never uploaded.
  2. When I tried the latest 1.43.0 version of the plug-in AND set the “Autosave to Bubble” field to “YES” in the Start Recording action —> result was that the video uploaded but was not viewable, as previously reported in my last message.
1 Like

Hello @andrew9 ,

Thanks for your message.

To successfully retrieve the video after recording, please first make sure you use the action “Save Record” where you will set it to bubble[image]. Then, use the plugin event “File is uploaded” to get the video using the element’s “Video URL” state - this state will store the recording[image].

Could you please try this on your end and let me know how it works for you?

Thanks, and looking forward to your reply.

Best regards,
Zeroqode Support Team

Hi there,

Did you not read my previous message? Frustrating. Can you please re-read this to understand the issue I am encountering. When setting Autosave to Bubble to “Yes”, I am able to get it to upload the video, with a URL, its just the videos are not viewable. Only when setting the Autosave to Bubble as “empty” is this video not uploading.

And I have been and am saving viewable videos to the bubble database on the older versions. Clearly I must have the required set up in place otherwise this wouldn’t work at all.

To be super clear:

  1. Yes, the ‘save record’ action with the save to Bubble setting is used
  2. Yes, the ‘File is uploaded’ action is used with the video URL stored as a custom state

If you’re going to ask me to go through these very basic settings, it will be easier for us to hop on a call so we can go through them together?

1 Like

Hello @andrew9 ,

Thank you for your message, and we apologize if our previous suggestion wasn’t helpful. We have tested the feature on our end, and the recorded videos were always viewable.

As an example, please check this test page [link] and this Loom video [link] to see that after saving the video, it should be viewable. Could you please check the test page on your end and let us know if it works for you?

If you’re still encountering difficulties with viewing the file, could you provide more details about your use case? Specifically, screenshots or a screencast showing how you’ve set up the plugin element and the workflow (especially the start recording action and the Codec settings there). Also, please let us know which device and browser you’re using.

If possible, could you also share a video in step-by-step mode from the moment you open the page, demonstrating the workflow and the problem you’re experiencing?

These details will help us understand your specific situation and provide a better solution.

Feel free to share these details here, via direct message, or through our support email at support@zeroqode.com.

Thank you again, and we look forward to your reply.

Best regards,
Zeroqode Support Team

Hi mate,

Thanks for sharing that extra info. I’ve spend another few hours trying to diagnose but no luck. Have any other users actually made this work?

I copied the test page into my own app and managed to set it up to work fine on my app, I just can’t replicate it in my original app.

The video just isn’t saving/uploading when the start recording action’s field ‘Save to bubble’ is left empty. When it has ‘yes’ in it, two videos are saved/uploaded, one which is viewable and the other which is not.

I have uploaded a video showing my workflow set up and how it is behaving. If you could help me figure this out.

Super odd as I have copied the test page set up and had that working, and as you can see from video for my own workflow, it is uploading when set to “yes”, its just saving two videos instead of one. So the saving videos workflow is functioning.

1 Like

Hello @andrew9 ,

Thank you for your message.

From the video you shared, we observed that some of the actions you’re using are in testing mode, which means they were copied directly from the demo where the plugin is in testing mode.

Could you please try removing them (and the element as well) from the workflow, and then add them again from the workflow tab to see if there are any differences afterward? Also please check the browser console for any additional messages there that could give more information on the problem.

If the concern still persists, could you please add our Support Team email to the list of collaborators in your application and share the app’s link with us? By doing so, we will be able to examine your settings and replicate them on our end to pinpoint the problem.

To add our Support Team as a collaborator, please follow these steps in the Bubble Editor: Settings > Collaboration > Add email support@zeroqode.com.

Also, please share instructions on how to reproduce the issue on our side, the name of the page where the plugin element is located, the workflow attached to it, and a short description of where to click, as well as user credentials to log in so we can troubleshoot the reported issue.

Thank you for your understanding and cooperation.

Looking forward to your reply.

Best regards,
Zeroqode Support Team

Hi team,

I’ve replaced all actions and the video recorder element, and no luck getting it to work.

I’ve added the support@zeroqode.com email as a collaborator. The page is ‘assessment’ - workflow’s concerned I have marked in the saving_video_file folder which is coloured brown. As a user, you can enter any phone number and email to register and then skip the technical assessment stage to get through to the one-way video interview stage to test.

Looking forward to your support on this one.

Hello @andrew9 ,

Thank you for your message.

We have looked into your app, and the plugin itself is functioning properly. It is successfully saving the video, and the URL is viewable.

To troubleshoot this, please double-check how you have set up the page and workflow related to saving and displaying the video.

Thank you for your understanding. Please keep us informed of your progress or let us know if you have any other plugin-related questions.

Best regards,
Zeroqode Support team

Hi Zeroqode, I’ve spent another half day trying to fix this.

While I appreciate you taking a look at my app, your directions are very unspecific so not very helpful.

My testing today has revealed two insights:

  1. You can’t use the ‘stop recording’ and ‘save recording’ actions in the same workflow on the latest version - it just doesn’t work. When you release a new version, significant changes like this surely should be included in documentation?
  2. After separating the stop recording and save recording actions, as mentioned above and then running through my workflows, its works completely fine in step-by-step mode but doesn’t work at all in normal mode. Can you advise?

Hello @andrew9 ,

Thank for your message and update.

Regarding your first point, yes, there should be a small pause before saving the recording. You can still use them in the same workflow but add a pause before “Save Recording”. However, it’s better—as you’ve already done—to use the “Recording Finished” event, as it will trigger at the moment the recording is completed.

Regarding your second point, could you please add a text element on the page that will display the element’s “video URL” state? This way, you can see if the video URL is present or if there are any design blocks that prevent the video from being displayed on the page. Also, can you try adding a pause in some of the workflows before stopping the recording, saving the recording, and displaying it? This will help check if the problem lies somewhere there.

Hope this proves helpful. Please let us know about your progress.

Thanks again, and we look forward to your reply.

Best regards,
Zeroqode Support Team

Hi team,

More testing done today.

  • I added the video URL as a text element - this shows that it is saving and uploading a file, which I knew, as I can also see a file is uploaded in database.
  • I tried adding pauses between the different steps, finish recording, save recording, upload recording - this did not change anything.

Its very weird because you can see that all the workflows are working, its just that the video uploaded is an empty file, 0 bytes in size and 0 seconds long. Weirder is that it works on the first attempt and then never again after this.

I have attach a 2nd video here for you to see this.

It is 100% a bug with the plug-in. Something causing the wrong / corrupted file to be uploaded?

1 Like

Hello @andrew9 ,

Thank you for your message, and apologies for the late reply over the weekend.

We have further looked at the video and checked the app. The most probable cause of your concern is that the video ends instantly after it starts recording. In the step-by-step mode, you are going through each step, which allows the plugin time to record the video, and you can see it. However, when you go into normal mode, the video is 0 seconds long, which is why it is not displayed.

Please recheck how you set up your workflow, specifically with the countdown. Unfortunately, our support cannot provide customization in the app.

Thank you for your understanding. Please check it, and if you have any other questions, please let us know.

Best regards,
Zeroqode Support Team

I did recheck it thank you and it has nothing to do with the countdown. I had already tested a workflow set up which removed the countdown, because I have spent days trying to figure this out already.

You’ve launched a new version to fix a major bug and you provide no update in the documentation, and the latest version has such significant changes that it renders users’ apps built around the plug-in completely inoperable.

Are you able to lend any actual support, like jumping on a call to go through workflows and discussing what other plug-in changes might be causing issues?

Because otherwise it seems I am going to have to rebuild my entire app to try figure out what changes have been made to a plug-in.