How to Record Your Screen and Webcam Simultaneously on Chrome
Sometimes a screenshot isn't enough. You need to show a bug happening, walk a teammate through a design, or record a quick demo. Adding your face in a small circle helps when the people watching can't ask you questions live.
There are plenty of tools for this. Most come with a desktop app to install, a monthly subscription, or an upload step: your recording goes to their servers before anyone can watch it.
This guide covers how to record your screen, webcam, and microphone directly in Chrome, Edge, Arc, or Brave using Supashot. Everything stays on your machine unless you decide to share.
Why record locally
Cloud recorders start uploading while you record. You get instant share links, but your internal dashboards end up on someone else's servers, a dropped connection interrupts the recording, and free tiers nag you about storage space.
Want to estimate file size before you record? The Video Bitrate Calculator shows you the numbers for any resolution and duration.
Supashot records locally. It uses the browser's built-in MediaRecorder API to capture and encode the video on your hardware, then stores the file in IndexedDB on your machine (via Dexie.js). Nothing leaves your computer unless you later choose to create a share link.
Recording step by step
Step 1: Install the extension
Install Supashot from the Chrome Web Store. Installation needs no account. Recording asks you to sign in the first time you use it, and 1080p and 1440p quality are Pro features.
Step 2: Open the record panel
Navigate to the page you want to record, click the Supashot icon in the toolbar, and switch to the Record tab. The Alt+Shift+R shortcut toggles recording as well.
Step 3: Choose your inputs
The popup has three options:
- FaceCam puts your webcam feed in a small circular preview that you can drag anywhere on the page.
- Microphone records voiceover through your default mic. It's on by default; toggle it off for silent captures.
- Quality switches between 720p and the Pro resolutions.
Recording is scoped to the current tab rather than your whole desktop, which keeps unrelated windows and notification popups out of the shot.
Step 4: Record
Click Start Recording. A short countdown runs, then a small control bar appears with the elapsed time and a stop button.
Step 5: Save and share
Click stop and the video lands in your Supashot library. There is no upload to wait for, and the video plays straight from local storage, even offline. From there you can download the file or create a share link when you want someone else to see it. Sharing is the only point where anything touches the internet.
Turning a recording into written docs? Export a frame as an image, then use the Image to PDF Converter to bundle it into a one-pager.
The trade-off
Local-first means no automatic share links and no server-side extras. In exchange, your recordings stay private by default, work offline, and never hit a storage quota you didn't choose. If you mostly record to attach to tickets or keep for reference, that trade works in your favor.
Install Supashot for Chrome if that sounds like your setup.
Related guides
How to Take a Scrolling Screenshot of an Entire Webpage
How to Take Private Screenshots Without Cloud Uploads
Protect your sensitive data by using a local-first screenshot tool. Learn how Supashot keeps your screen captures secure and private in your browser.
How to Take a Screenshot
How to take a screenshot on Mac, Windows, and in your browser — built-in shortcuts first, then why a dedicated browser extension is the best way to capture web pages.