DevTools Logo
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.

Tools mentioned in this post