Webcam Recorder Online — Record Video or Take a Photo

Record webcam video or take full-resolution photos with quality, camera, microphone, echo-reduction, and mirror controls in your browser.

This is a webcam recorder, not a screen recorder — it calls getUserMedia for a camera and microphone rather than getDisplayMedia for a screen, offers a live mirrored preview before you commit to recording, and can capture either a video clip through MediaRecorder or a single still photo drawn straight off the video element onto a canvas, whichever you actually need at the moment.

How to record video with your webcam

  1. Choose Camera quality (HD 720p, Full HD 1080p or 4K when supported) and decide whether Record microphone audio, Reduce echo and background noise and Mirror stay ticked.
  2. Click Start camera preview and allow camera and microphone access when the browser asks.
  3. Check framing and lighting in the live preview; if several cameras are connected, pick one from the Camera menu and click Apply camera settings.
  4. Click Record video, using Pause and Resume if you need a break, or click Take photo for a single still.
  5. Click Stop & preview, play the clip back, then Download video for a WebM file or Download photo for a PNG.

Preview first, decide what to capture second

Choosing a camera and starting the preview doesn't commit you to recording — getUserMedia opens the live feed into a video element first, and only then do you choose to record video or take an instant photo instead. The preview can be mirrored horizontally, purely a display flip for a selfie-style view; if you photograph while mirrored, the same flip is baked into the captured canvas so the saved image matches what you saw, not a reversed version of it.

Three quality presets, requested as targets rather than guarantees

720p, 1080p, and 4K are offered as width/height ideal constraints to getUserMedia, alongside a frame rate ideal of 30 with a ceiling of 60 — 'ideal' because a camera that can't deliver the requested resolution negotiates down rather than failing, unless a specific device is picked from the device list, in which case that device is required. If a camera genuinely cannot meet the selected quality, the browser raises an OverconstrainedError, which this tool translates into a plain instruction to pick a lower resolution.

Recorded video bitrate scales with the chosen quality

Video recording targets 8 megabits per second at 720p or 1080p, stepping up to 14 megabits at 4K — a higher ceiling for the resolution that needs it, rather than one fixed bitrate regardless of frame size. The browser is asked which of VP9+Opus, VP8+Opus, or plain WebM it supports, in that priority order, before recording begins.

Audio processing is on by default, and adjustable

When the microphone is included, three audio processing constraints are requested together: echo cancellation, noise suppression, and automatic gain control, standard getUserMedia audio constraints aimed at making a webcam recording sound reasonable without external hardware. Echo cancellation is exposed as its own toggle — useful to disable in a setup where it's actually degrading audio quality, such as certain external microphone and speaker combinations the browser's echo model doesn't handle well.

A photo capture is a completely separate code path from video

Taking a still photo doesn't touch MediaRecorder at all — it draws the current video frame directly onto a canvas at the video's native resolution, applies the same mirror flip as the preview if enabled, and encodes that canvas to a PNG blob through the browser's own canvas encoder. Photo capture has none of MediaRecorder's chunk-based recording behavior, producing a lossless PNG rather than a compressed video frame grab.

Where a webcam recording falls short

Webcam recording length, format and bitrate

Use the webcam recorder as a quick camera and mic test

Starting the preview records nothing, so it works as a camera check before a call: you see framing, focus and lighting live, and which camera the browser picked. The preview itself is muted to stop your speakers feeding back into the microphone, so to hear the mic, record a few seconds and play the clip back before downloading or discarding it.

Camera footage stays on this device

Frames travel from the camera into MediaRecorder inside the tab and leave only through your browser's own download, with no upload step and no server processing. Permission is requested only when you click Start camera preview, and every camera and microphone track is stopped as soon as a clip or photo is captured.

Questions people ask about Webcam Video Recorder

Why does my 4K selection not actually record at 4K?
Quality presets are requested from the camera as ideal, not mandatory, constraints. If your camera or USB connection can't deliver the requested resolution, the browser negotiates down to what it can actually provide rather than failing the request outright — check the recorded file's real resolution if 4K specifically matters.
Can I take a photo without recording a video first?
Yes — once the camera preview is live, taking a photo is a separate action from recording video. It draws the current frame straight onto a canvas and saves it as a PNG, with no video recording or MediaRecorder involvement at all.
Why is my saved photo not mirrored the same way the preview was?
If the preview mirror toggle is off when you capture, the photo is drawn without any flip and matches the camera's true unmirrored orientation. If mirroring is on, the same flip applied to the live preview is baked into the captured canvas, so an on-screen mirrored preview and its saved photo should match — check the toggle's state at capture time.
What's the difference between this and the screen recorder?
This tool calls getUserMedia to capture your camera and microphone; the screen recorder calls getDisplayMedia to capture a screen, window, or tab instead. They share the same underlying codec-negotiation and duration-fixing logic, but point at entirely different capture sources and permission prompts.
Should I turn off echo cancellation?
Leave it on for typical laptop or headset microphone setups, where it prevents your own speaker audio from feeding back into the recording. It's worth turning off specifically if you notice it degrading audio quality with certain external microphone and speaker combinations that the browser's echo model doesn't handle well.
Will it work with my built-in or external webcam?
Any camera your browser can see should work, whether it is built into a laptop or plugged in over USB. When more than one is connected, a Camera menu appears once the preview starts; choose one and click Apply camera settings to switch.
Does it record audio from my microphone?
Yes, while Record microphone audio is ticked, which it is by default. The tool uses whichever microphone your browser or system treats as the default input, since there is no microphone menu here; noise suppression and automatic gain control are always requested, and echo cancellation can be switched off.
How do I download my webcam recording?
Click Stop & preview when you finish, check the clip in the player, then click Download video. The WebM goes to your browser's usual downloads folder, while Discard throws the take away without saving anything.
Is there a time limit or watermark?
No watermark is added to anything you capture. On the free tier each webcam take is limited to 30 minutes and ends automatically with the footage kept, while a Pro licence lets one take run for as long as you need.
Can I record my webcam on a phone?
That depends on whether the phone's browser supports camera access through getUserMedia and recording through MediaRecorder. If either is missing, the page says camera recording is unavailable and the preview button stays disabled, so results vary from browser to browser.

Related tools on BrakeTools

Content reviewed 2026-09-27.