How to Record Your Screen and Webcam Simultaneously on Chrome

Whether you're reporting a complex software bug to your engineering team, giving asynchronous feedback on a design mockup, or recording a quick presentation, sometimes a static screenshot isn't enough. You need video. And ideally, you want a way to record both your screen and your webcam at the same time to add a personal touch.

There are many video recording tools available, but they often come with heavy desktop apps, expensive monthly subscriptions, or cloud storage restrictions that force you to upload your videos to their servers before you can even view them.

In this guide, we'll show you how to record your screen and webcam simultaneously on Google Chrome (and Chromium-based browsers like Arc, Brave, and Edge) using Supashot, completely for free and entirely locally.

Why Choose a Local-First Recorder?

Most screen recording extensions instantly start uploading your video stream to the cloud while you record. While this makes generating a shareable link fast, it comes with severe downsides:

Privacy & Security: Your sensitive internal company dashboards or personal information are sent to a third-party server.
Offline Dependency: You can't record anything if your internet connection drops.
Storage Limits: Free tiers constantly nag you about running out of "cloud storage space."

Supashot takes a local-first approach. It utilizes the browser's native MediaRecorder API to capture and encode the video directly on your computer's hardware. The final video file is saved inside an IndexedDB database on your machine (via Dexie.js).

It never touches a third-party server unless you explicitly choose to share it later.

Step-by-Step: Recording Your Screen and Webcam

Step 1: Install the Free Extension

If you haven't already, install the Supashot Chrome Extension from the Chrome Web Store. It installs in seconds and requires no sign-up or credit card.

Step 2: Open the Recording Menu

Navigate to the webpage or application you want to record. Click the Supashot icon in your browser toolbar to open the popup menu, and switch to the "Record" tab.

Alternatively, if you're a power user, you can use the global hotkey (default: Alt + S) to open the capture interface.

Step 3: Choose Your Audio and Video Sources

Before hitting the record button, you can configure your inputs:

Screen Source: Choose between capturing just the current tab (great for privacy), a specific application window, or your entire desktop monitor.
Webcam (Picture-in-Picture): Toggle your webcam on. Supashot will request camera permissions and immediately display a small, circular webcam preview. You can click and drag this preview anywhere on the screen!
Microphone: Select your preferred microphone to record voiceover audio.

Step 4: Start Recording

Click the Start Recording button. You'll see a brief countdown, and then the recording begins.

A floating recording control HUD will appear at the bottom of your screen. From here, you can monitor the recording duration, pause the video if you need to gather your thoughts, or stop the recording completely.

Step 5: Save and Share

When you're finished, click the stop button on the HUD.

Because Supashot is local-first, there's no waiting for a cloud upload to finish processing. Your video is instantly available in your Supashot Library. From there, you can:

Download the .webm file directly to your hard drive.
Copy the video file to your clipboard to paste into Slack, Discord, or Jira.
Review past recordings anytime, even when offline.

Start Recording Today

Recording your screen and webcam shouldn't require bloated software or compromising your privacy. With Supashot, you get a lightweight, secure, and entirely free solution built right into the browser you already use.

Download Supashot for Chrome today and start capturing!