To record your webcam in a browser, open Zro7 Webcam Recorder, click Start, allow camera + mic, and Zro7 captures the stream with getUserMedia(), encodes it live with MediaRecorder, and saves a WebM or MP4 file to your Downloads folder.
Pick the right camera and mic
- Zro7 enumerates devices with
enumerateDevices()and shows a dropdown. - Pick a resolution — 720p/30 for talking-head, 1080p/30 for demos.
- Constraints are applied via
getUserMedia({ video: { deviceId, width, height, frameRate }, audio: { deviceId, echoCancellation: true } }).
Preview mirror vs saved video
The preview is mirrored (looks natural) but the recorded file is not — that's what viewers expect. If you truly want a mirrored recording, Zro7 applies a CSS transform when compositing to a canvas stream.
Chunked, resumable saving
For recordings over a few minutes, Zro7 uses timeslice on MediaRecorder to write chunks into OPFS. If the tab crashes, the partial recording is recoverable on next open.
Common issues
- Black video — another app has the camera; close Zoom/Meet.
- Silent audio — mic permission granted but wrong device selected; check the picker.
- Echo — turn on echoCancellation (default on) or use headphones.
Steps
- Open Webcam Recorder.
- Pick camera + mic, set resolution.
- Click Record; click Stop when done.
- Preview and download WebM (or MP4 on Safari).
Zro7