Take photos and record videos with the front or back camera inside a Bubble native mobile app, review them, and save them straight into your database.

13 fields, 19 states, 10 events and 16 actions.

Quick start

  1. Declare camera use in your app’s mobile settings: “This app uses the camera to take photos and videos.” Add a microphone message too if you record video with sound.
  2. Place the element. Drag Camera Capture onto a mobile page and give it a height, for example 400 points.
  3. Set upload_endpoint to https://YOURAPP.bubbleapps.io/version-test/fileupload (drop /version-test once live; use your custom domain if you have one).
  4. Save the result. Create the workflow When Camera Capture’s media uploaded → Make changes to Current User → Picture = Camera Capture’s photo.

Tap the element, take a photo, tap Use photo: the camera comes straight back and the photo lands in your database a second later. That is a working camera.

How it behaves

Two ways to show the camera

In the page Full screen
How The element’s own size and rounded corners, set in the Bubble editor The Open Camera action
Starts When tapped, by Start Camera, or on load with auto_start When Open Camera runs
After Use The camera comes back at once; the file saves in the background It closes at once; the file saves in the background
Best for Forms, product listings, inspections Profile pictures, quick captures from a button

Only one camera runs at a time: while the full-screen camera is open, the element in the page shows a plain surface.