Introduction

With this element, 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 Element 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 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.

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

Title
Description
Video Size
Size of the recorded video file.
Recording Length
Video length.
Recording Status
The status can be: Preparing uploading Upload finished successful Upload failed Upload to storage:… File uploaded to storage
Video URL
URL to video file.
Device Supported
Return “yes” if there are microphone and camera on device.
Paused
Return “yes” if recording is paused.
Recording
Return “yes” then recording.
Photo URL
URL of photo
List of cameras
List with names of available cameras on the device.
List of microphones
List with names of available microphones on the device.

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 08.03.24 - Version 1.30.0

  • Fixed Microphone remaining active during video recording despite being disabled.

Update 29.04.24 - Version 1.32.0

  • Updated mirror video recording

Update 03.05.24 - Version 1.33.0

  • New aspect ratio field

Update 09.05.24 - Version 1.34.0

  • Added Codec field for action Start Recording, added Codec state