Studio5 min

How to Record Your Webcam Without Installing Anything

Record webcam video (and mic audio) in the browser using getUserMedia + MediaRecorder. Save WebM/MP4 locally, no OBS, no cloud.

Zro7 Webcam Recorder captures your camera and mic entirely in the browser. Video and audio are encoded and downloaded locally.

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

  1. Zro7 enumerates devices with enumerateDevices() and shows a dropdown.
  2. Pick a resolution — 720p/30 for talking-head, 1080p/30 for demos.
  3. 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

  1. Open Webcam Recorder.
  2. Pick camera + mic, set resolution.
  3. Click Record; click Stop when done.
  4. Preview and download WebM (or MP4 on Safari).

Frequently asked questions

Do I need a plugin?

No — getUserMedia + MediaRecorder are built into every modern browser.

Will it work on iPhone?

Yes — Safari 14.3+ supports webcam recording; the video will be MP4 natively.

Can I record without audio?

Yes — pass <code>audio: false</code>; Zro7 exposes a mic toggle.

Is anything uploaded?

No — the Blob is created and downloaded locally.

How do I convert WebM to MP4?

Use <a href="/convert-video-format">Zro7 Video Converter</a> — still fully offline via ffmpeg.wasm.

Related posts

← Back to blog