DevTools Logo

Screen & WebCam Recorder

Screen & WebCam Recorder

Record your screen, camera or both with a webcam bubble — encoded locally, saved as a file, never uploaded

What to record

Recording uses your browser's screen/camera capture APIs. Everything is captured, encoded and saved locally — the recording is never uploaded. Tab sharing (choose 'This Tab') keeps your other windows private.

Examples

Bug report

Input
This tab · tab audio on · 20 seconds
Output
recording-….mp4 — exact clicks and the error, nothing else

Tab capture exposes only the tab; your other windows stay private.

About this tool

Three capture modes through the browser's own APIs: screen only (tab, window or display), webcam with microphone, or screen plus a composited webcam bubble drawn onto an in-memory canvas presenter-style.

Encoding is local MediaRecorder at ~5 Mbps — MP4 where the browser supports it, WebM otherwise — with no upload, no account and no time limit beyond memory. The browser's own 'Stop sharing' bar works as a stop button.

How to use

  1. Pick a source

    Screen, webcam, or screen + webcam bubble.

  2. Grant permission

    Choose 'This Tab' to keep other windows private; tab audio optional.

  3. Record

    Stop here or via the browser's sharing bar — both end cleanly.

  4. Preview and save

    Playback on the page, then download the MP4/WebM file.

Use cases

Issue trackers

Autoplaying clips that reproduce the bug without attachments.

Async updates

Webcam standup notes and demo walkthroughs without a meeting link.

Common mistakes

Mistake:Recording the entire screen for a single-tab bug

Fix:Choose 'This Tab' — same evidence, zero bystander content.

Mistake:Worrying about uploads

Fix:There is no server; the recording exists in your tab until you save it.

Frequently asked questions

References & standards