All posts
Recording Your Screen Without Uploads: MediaRecorder, Bubbles and Browser Limits
August 22, 2026 · DevTools
screen recording
video
browser
tutorials
Recording Your Screen Without Uploads: MediaRecorder, Bubbles and Browser Limits
Every cloud screen recorder wants an account, an extension and your patience while it transcodes. The Screen & WebCam Recorder needs none of that — the browser already ships the entire pipeline, and the tool just wires it together locally.
Three capture modes
- Screen only — pick a tab, window or the whole display via
getDisplayMedia. Choosing "This Tab" records exactly one tab and nothing else: the safest option when your other windows are none of the internet's business. - Webcam — camera plus microphone, the quick async-video-message mode.
- Screen + webcam bubble — the presenter look: the screen records full-frame while your camera is composited as a rounded bubble in the corner. Under the hood, both streams draw onto an in-memory canvas every frame, and the canvas — not either camera — is what gets encoded.
MP4 or WebM: the browser decides
The tool negotiates the best format the local MediaRecorder supports: MP4/H.264 on Safari and recent Chrome, VP9/VP8 WebM elsewhere. Both play everywhere and upload to any platform. Tab audio rides along when you check "share tab audio" in the picker (best in Chrome/Edge; Firefox handles screen audio differently — the disclosure says so).
Details that matter in practice
- The browser's own stop bar works: hitting "Stop sharing" ends the recording cleanly through the same path as the tool's stop button.
- No time limits: encoding is local and chunks accumulate in memory; your RAM is the ceiling.
- Privacy by construction: the recording exists as a blob in your tab until you save it. There is no server to upload to.
Trim the results with the Audio Trimmer (audio) or cut the highlight into a looping GIF for issue trackers and docs.