MARKETPLACE
PLUGINS
VIDEOJS AUDIO RECORDER + CLONING
VideoJS Audio Recorder + Cloning logo

VideoJS Audio Recorder + Cloning

Published March 2025
   •    Updated this month

Plugin details

This plugin is a well structured, stateless audio recorder that uses videoJS recording capabilities. It will allow you to create audio recordings and play them back without having to upload to your Bubble S3 area first.
Each recording is held within the "recording" state, and each recording within that state has a bunch of fields containing details of that particular recording.

You will be able to create your own list of recordings that are all held in browser memory and then select any one of those to upload to either Bubble S3 or Wasabi once happy with it.

All of the standard options that are associated to audio recordings within the browser, are supported. This include options like buffer sizes, sample rates, bitrates, channels, noise suppression, auto gain control, max recording length  etc.

You can display the standard videoJS recording UI if required, or you can hide this and control the recorder using the actions instead. Wavesurfer is built-in so you get nicely animated sound waves appear as you speak or playback recordings.

If you're interested in voice cloning at all, there is a client-side action which will allow you to upload a recording directly to Cartesia's voice cloning endpoint.

Live transcriptions are also supported using either the built-in speech recognition API within the browser, or you can choose to use OpenAI's real-time WebRTC transcription service.

Other helpful events/states are also included, and you can control when to prompt for microphone permissions and change audio input devices at any time.

$35

One time  •  Or  $8/mo

5.0 stars   •   1 ratings
5 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Pork1977gm logo
Pork1977gm
Joined 2017   •   34 Plugins
View contributor profile

Instructions

Place the "VideoJS Audio Recorder" element onto your page, configure it as needed and away you go!
Please see this link for full instructions:
https://paul-testing.bubbleapps.io/version-test/videojs_audio_recorder_instructions

Demo pages:
https://paul-testing.bubbleapps.io/version-test/videojs_audio_recorder

Types

This plugin can be found under the following types:
Api   •   Action   •   Element   •   Event

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Media   •   Social Network   •   Small Business   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Incredible Solution!
March 19th, 2025
Much more beneficial to have this fast and lightweight plugin working for our audio uploads. Extremely helpful to our needs. Thanks
Bubble