🎥 Record Screen + Webcam

Capture your screen and webcam simultaneously — combined video with picture‑in‑picture

Ready. Click "Start Recording", then choose what to share (screen/window/tab). Your webcam will be added automatically.
0%

📌 How to record screen + webcam

  1. Secure context required: Works only on HTTPS or localhost. Serve via python -m http.server or VS Code Live Server.
  2. Click "Start Recording" – first, you will be asked to share your screen (whole screen, window, or tab).
  3. After selecting the screen source, your browser will ask for camera permission (allow it).
  4. The combined preview will appear with your webcam overlay (bottom‑right corner).
  5. Click "Stop Recording" to finish.
  6. Download the final video (WebM format).
  7. Use the Setting panel to adjust video bitrate, frame rate, and webcam overlay size/position.

Privacy: All recording stays in your browser — no uploads to any server.