Video Recorder

Demo to preview the settings

Introduction

With this plugin, you are able to record a video using the device camera. It allows access to the webcam and microphone when prompted by the browser, to enable recording.
Recordings can be saved in DB, AWS, and Wasabi accounts. Any type of fan videos, crowdsourced videos, or user-generated videos.
These could be video testimonials, video interviews, video contests, video auditions, video reviews, video feedback etc.
The plugin can limit video recording time, also supports pause/play, and cancel recording features. It includes many actions and events that make the implementation of your idea nice and easy. Simple to use, simple to record.

How To Setup

Place plugin element on the page
Image without caption
Enable file upload, should be set always as "yes"
Image without caption
Add a button to the page
Image without caption
Set workflow for this button
Image without caption
Image without caption
Image without caption
Image without caption
Add a button to the page
Image without caption
And set workflow
Image without caption
Image without caption
And save URL to Bubble data
Image without caption
💡
If you want to save the Video File URL to the App Data, use the “Create a new thing” action in the new workflow only. It will give the plugin the needed timing for the Video URL state’s value creation. Thus, use the “Video Recorder - File is uploaded” event in such a use case.

Plugin element: Video Recorder

The main element of the plugin. Show captured from camera track, record, and save it.
Image without caption

Plugin fields

Title
Description
Enable Logs
Show in console information about recording status.
Zoom
Zoom video in video recorder element.
Mirror Camera
Mirror the recording. Option works only in active tab. If user switched tab, minimized browser or switched to different window or program, video will not recorded.

Plugin Actions

Start Recording 

Image without caption

Stop Recording

Get track from the camera and record it
You must turn on the camera before recording. 
Image without caption

Start Camera

Enable camera
Image without caption

Stop Camera

Disable camera
Image without caption

Pause\Resume Recording

Pause or resume recording
Image without caption

Save Record

Save the record to one of the storage
Image without caption
Title
Description
Save To
Choose the service to save the file
Bucket Name
string representing the name of the cloud storage bucket where the file will be stored
Bucket Region
string representing the region of the cloud storage bucket where the file will be saved
Private File
A boolean value indicating whether the saved file should be marked as private or not. It might control access permissions to the file in the cloud storage.

Reset Record

Delete the last record in the plugin
Image without caption

Plugin Exposed States

Plugin Events

Title
Description
Camera Is Enabled
Triggered when the camera is enabled
Recording Started
Triggered then recording is started
Recording Finished
Triggered then recording is finished
File is uploaded
Triggered when video record is uploaded to cloud storage
Camera is Disabled
Triggered when the camera is disabled
Error in uploading a file
Triggered then an error is occurred in file uploading

How to set keys for AWS or Wasabi

Wasabi

Visit wasabi.com to sign up for their service, you will get an email with a link to your console. In your Wasabi console go to Billing->Payment settings then add your Payment method.
While you do receive a month's free trial to upload private files, a paid account is required to upload public files.
Next, go to the Access Keys page & create a new access key.
Image without caption
Image without caption
Insert the access key/secret from the plugins tab.
Image without caption

AWS

For setup uploading to AWS please read our AWS Uploader documentation
Title
Description
Access Key
AWS/Wasabi access key
Secret Key
AWS/Wasabi secret key

Changelogs

Update 20.12.22 - Version: 1.3.0.

  • Added action "Take a photo"

Update 28.12.22 - Version: 1.4.0.

  • Added "File is uploaded" event for Wasabi and AWS. Updated reset action.

Update 20.01.23 - Version: 1.5.0.

  • Updated description

Update 02.02.23 - Version: 1.6.0.

  • Updated description

Update 22.02.23 - Version: 1.7.0.

  • Updated description

Update 23.02.23 - Version: 1.8.0.

  • Deleted the icons

Update 02.03.22 - Version: 1.9.0.

  • Added "Select Camera" field in the "Start Camera" action

Update 20.03.22 - Version: 1.10.0.

  • Added Zoom feature.

Update 19.06.23 - Version: 1.11.0.

  • Updated description

Update 12.07.23 - Version: 1.12.0.

  • Updated description

Update 11.09.23 - Version: 1.14.0.

  • Fixed Safari browser detection.

Update 01.15.23 - Version: 1.15.0.

  • Minor updates

Update 15.09.23 - Version: 1.16.0.

  • Updated description

Update 06.10.23 - Version: 1.17.0.

  • Updated "List of cameras" state.

Update 17.10.23 - Version 1.18.0

  • Changed plugin API to V4

Update 27.10.23 - Version 1.20.0

  • Updated documentation

Update 09.11.23 - Version 1.21.0

  • Adapted for new responsive

Update 11.11.23 - Version 1.22.0

  • Added "folder" field for "save_record" action.

Update 13.11.23 - Version 1.23.0

  • Added "Record Quality" field for "Start Recording" action.

Update 18.12.23 - Version 1.26.0

  • Added border style options.

Update 03.01.24 - Version 1.28.0

  • Minor fixes

Update 17.01.24 - Version 1.29.0

  • Added mirror video recording