Take local photos quickly
Take a PNG straight from the browser and save it, with no upload to the cloud.
Guide
Webcam Photo & Video calls the device camera to take photos or record clips straight from the page. Two modes are offered, Photo and Video, with resolutions of 640×480, 1280×720 and 1920×1080; when more than one camera is detected a front/rear switch button appears. A photo saves the current video frame as a PNG through canvas, and a recording is saved as WebM through MediaRecorder.
Updated 2026-09-103 min read
Webcam Photo & Video calls the device camera to take photos or record clips straight from the page. Two modes are offered, Photo and Video, with resolutions of 640×480, 1280×720 and 1920×1080; when more than one camera is detected a front/rear switch button appears. A photo saves the current video frame as a PNG through canvas, and a recording is saved as WebM through MediaRecorder.
This is a standalone browser capture tool: it does not use ffmpeg.wasm and will not download a 32 MB engine just because the camera is opened. Video mode also asks for the microphone; the front camera is mirrored in the preview with CSS, while the saved file still comes from the camera's original video frame.
| Input | Output | Notes |
|---|---|---|
Laptop webcam, 1280×720 photo |
PNG photo |
Actual pixels follow the video track the browser receives |
Phone browser with front and rear cameras, switch to rear and record |
WebM video + microphone audio |
May be unusable when the browser does not support the page |
Take a PNG straight from the browser and save it, with no upload to the cloud.
Switch the front and rear lens and different ideal resolutions to check whether the device works.
Record a WebM with microphone sound and download it for later editing.
The code requests ideal resolutions rather than a forced exact one; the hardware, driver and browser negotiate the actual track size.
No. The picture goes into a local video element, canvas or MediaRecorder, and the result stays in a Blob on the current page.
Camera and recording microphone data are processed inside the current browser and turned into PNG/WebM Blobs; nothing is uploaded and no ffmpeg CDN is loaded. The browser asks for camera and microphone permission before the device is opened.
Updated 2026-09-10
Take photos (multiple resolutions) and record video with the webcam, front or rear