GETTING STARTED                                                                          
 1. Drag Camera Pro onto your page                    
 2. The camera starts automatically. Set Start Camera
 on Load to no to start it manually with the Turn On  
 action                                              
 3. Use Aspect Ratio to control the feed shape (16:9,  
 9:16, 4:3, 1:1, or Inherit)                        
                                                     
 ---

Editor Demo: https://bubble.io/page?id=blur-apps-playground&test_plugin=1773222366060x688477989387108400_current&tab=Design&name=pro-camera&type=page&elements=cmOnZ

Run Mode Demo: https://blur-apps-playground.bubbleapps.io/version-test/pro-camera


 PROPERTIES

 Camera Facing — Front or Back camera

 Mirror Preview — Flips the preview horizontally for
 front camera so it feels like a mirror

 Aspect Ratio — Shape of the camera feed. Inherit
 matches the element's dimensions

 Start Camera on Load — Start streaming immediately on
 page load

 Image Quality (%) — Compression quality 1 to 100
 (default 92). Higher = better quality, larger file

 Image Format — JPEG, PNG, or WebP

 Max Resolution (px) — Maximum captured image size
 (default 1920)

 File Name Prefix — Beginning of saved filenames, can
 be set dynamically

 Show Captured Image — Show the photo in place of the
 live feed after capture

 Overlay Image — Optional image on top of the live feed
  (frame, logo, guide). Use a transparent PNG. Hides on
  capture, returns on Resume or Reset

 ---
 ACTIONS

 📸 Take Picture — Captures the current frame

 💾 Save Image — Uploads the captured photo to file
 storage

 ▶️  Resume — Returns to live feed, restores overlay,
 unpauses if paused

 🔄 Reset — Clears everything, restarts the camera from
  scratch

 ⏸️  Pause — Freezes the live feed on the current frame

 🟢 Turn On — Starts the camera manually

 🔴 Turn Off — Stops the camera and releases it

 🔀 Switch Camera — Toggles between front and back

 🔍 Enumerate Cameras — Detects available cameras on
 the device

 ---
 EVENTS

 ✅ Camera Started — Camera stream began

 ⛔ Camera Stopped — Camera stream stopped

 🚫 Camera Permission Denied — User blocked camera
 access

 👆 Is Clicked — User clicked the camera element

 📸 Image Captured — A picture was taken

 ⬆️  Image Saving Started — Upload to file storage began

 ✅ Image Saving Ended — Upload complete, Image URL is
 now available

 🔢 Image Got Serial — Image received a serial
 identifier

 ⚠️  Error Occurred — Something went wrong (check Error
 Message state)

 ---
 STATES

 🔗 Image URL — Saved image URL (after Save Image)

 🔗 Local Image URL — Temporary image URL (immediately
 after Take Picture, before save)

 📋 List Of Shots — All saved image URLs from the
 session

 📷 Has Camera / 🟢 Started / ⏸️  Is Paused — Camera
 status

 💾 Is Saving / 📊 Upload Percentage — Upload status

 🚫 Cam Permission Denied / ⚠️  Error Camera Mic Access
 / 📝 Error Message — Error info

 🔧 Image Capture Supported / ✅ Element Loaded —
 Browser and element readiness

 🔀 Facing Modes — Available camera directions (after
 Enumerate Cameras)

 ↔️  Width / ↕️  Height — Camera video dimensions