Screen Recorder Browser

How the Screen Recorder Browser works

Screen recorder browser: what it does and why

Browsers have been able to capture the screen without a plugin since getDisplayMedia shipped, and to encode it without a server since MediaRecorder shipped. This tool is those two APIs joined together with as little in between as possible: the browser asks you what to share, the frames go into an encoder, and the encoder's output is assembled into a Blob and handed to the download that your browser was going to do anyway. Nothing is buffered anywhere else, and the page has no network code in it at all.

What you can pick, and why it matters. The browser's own picker offers three scopes. Entire screen captures everything including other applications and system dialogs — useful for a bug report, risky if you have notifications turned on. Window follows one application even if you move it, but stops if you close it. Browser tab is the cleanest option for a web demo: it captures only that tab's content at its own resolution, ignores anything overlapping it, and is the only scope that can capture the tab's audio reliably. Which scopes appear depends on your browser and operating system, and on macOS the whole feature needs screen-recording permission granted to the browser in System Settings.

Recording the webcam instead. Switch the source to Webcam and the same encoder is fed by your camera rather than the screen, with the microphone included if audio is on. The browser asks for camera permission once per site, the resolution is whatever the camera offers by default, and the file that comes out is the same WebM. This is the right mode for a quick talking-head clip or for checking that a camera works at all; it does not composite the camera over the screen, because that needs two simultaneous streams drawn onto a canvas and is a genuinely different tool.

Audio is the part that varies. With audio enabled the browser may offer to share the selected tab's or system's audio, and on Chrome and Edge it usually will for a tab. Firefox and Safari are much more restrictive, and no browser mixes your microphone into a screen capture — in screen mode the sound comes from the shared tab or system, and only webcam mode records the microphone. If audio was captured, the scope beside the preview lists it as included, so you can confirm before you commit to a long take. If the track is absent the readout says so plainly rather than letting you find out after recording for ten minutes.

Bitrate, file size and what to choose. The three quality settings map to video bitrates of roughly 1.5, 4 and 8 megabits per second. At medium, a minute of recording lands around 30 MB; at high it is nearer 60 MB. High is worth it for small text, code editors and anything with fine detail, because the codec spends its budget on the sharp edges that compress worst. Low is for long sessions where you care about the sequence of actions rather than legibility. The container is WebM with VP9 and Opus where supported, falling back to VP8 and then to whatever the browser's default is.

Why WebM, and what to do if you need MP4. WebM with VP9 is the format browsers encode natively and the one that needs no licensing, which is why it is the only realistic output for a tool that refuses to upload anything. Every modern browser, VLC, DaVinci Resolve, Premiere and YouTube accept it directly. If you specifically need H.264 in an MP4 — for an older editor, or for a platform that insists — remux it locally with ffmpeg; re-encoding in the browser would mean either a very slow WASM encoder or a round trip to a server, and neither belongs here.

Stopping cleanly. You can stop from the Stop button or from the browser's own "stop sharing" bar, and both produce the same finished file — the tool listens for the track ending so a share you close from the bar is not lost. The recording is written in one second chunks as it goes, so a long take does not sit entirely in memory until the end, but a crashed tab will still lose the file. For anything critical, record in shorter passes.

Related tools