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

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

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

Changelogs

Update 28.12.22 - Version: 1.4.0.

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

Update 20.12.22 - Version: 1.3.0.

  • Added action "Take a photo"

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.