Home/Integrations/CMS/Bubble
Recording in your Bubble app, without building a recorder.
An HTML element holds the AddPipe recorder, a workflow writes the recording name to your database, and the media never touches Bubble's file storage. Camera, microphone and screen, on desktop and mobile.
The hard part is already built
Browser recording is where no-code apps stall: device permissions, mobile Safari, codecs, failed uploads. The recording client handles all of it, and you place one element.
Your storage and workflow units stay free
Media uploads to AddPipe, not through Bubble. Your file storage is untouched and no workflow units are burned moving video around.
Production-grade from day one
Transcoding to mp4, snapshots, region choice and push to your own bucket are all there when the prototype turns into a product.
What Bubble apps use it for.
Identity and onboarding
A recorded verification step in a fintech or marketplace app. See remote identity verification.
One-way interviews
Candidates answer timed questions on camera inside your hiring product. See video interviews.
User-generated video
Reviews, submissions and community posts recorded in the app. See user-generated content.
Details.
Do I need to write code to use this in Bubble?
Only a short script inside an HTML element, which you copy rather than write. Everything after that is normal Bubble: a state, a workflow and a database field.
How does the recording name reach my Bubble database?
The script publishes the name to a JavaScript to Bubble element, which sets a state. A workflow triggered by that state change writes it to a field on your thing.
Does the video count against my Bubble file storage?
No. The upload goes from the browser to AddPipe, so Bubble stores a short string and none of your file storage or workflow units are spent moving media.
Can I play the recording back inside the app?
Yes. Build the playback URL from the recording name, or push the file to your own bucket and serve it from there behind your own access rules.
Does it work on mobile?
Yes, in mobile Safari and Chrome, including in a Bubble app wrapped for the app stores as long as the web view allows camera and microphone access.
How do I know when the video is actually ready to play?
The recording name arrives as soon as the upload finishes, but transcoding takes a moment longer. Point a AddPipe webhook at a Bubble backend workflow and mark the record ready when video_converted arrives.
Related integrations.
Add recording to your Bubble app.
Every recorder, API and webhook is open during the 14-day trial. No card required.