Beyond the Screen
Cameras, sound, motion, and the physical world.
With permission, a browser can hand your app the camera, the microphone, and the user's location. The demos let you request each one and see exactly what the browser asks — and what you get back.
Always ask for permission at the moment the user needs it, with a one-line reason. A camera prompt on page load with no explanation gets denied. The same prompt at 'scan a QR code' gets accepted.
Visual walkthrough
What one photo goes through
File size
—
Straight off the sensor
Storage, not the database
waiting for a file
The screen shows nothing yet — and says so.
Interactive demo
Working past the screen
Why we ask
To let you scan a QR code.
Tap to enable
Why we ask
To record a voice note.
Tap to enable
Why we ask
To find stores near you.
Tap to enable
What makes this work
The pieces underneath
Try it
15 minAdd a photo upload to any app: the user picks an image, the app resizes it, stores it, and shows a thumbnail with a gentle fade-in. Try it with a real camera photo on your phone.
- Ask for a file size limit and an accepted-format list.
- Keep animation under 300 milliseconds unless it is a page transition.
Free account
Save your progress and earn your certificate
Keep reading as long as you like — everything here stays open. Add your email and we will track your completion, sync it across devices, and issue your Vibe Coding micro-credential when you finish.
Just enter your email. We will send you a link — no password needed.