How to record your screen and webcam together

To record screen and webcam together, use a screen recorder that supports a camera overlay, enable both your webcam and microphone before you start, and record your tab, window or screen as usual. The webcam appears as a small bubble on top of the screen capture. If the recorder keeps the webcam as a separate track, you can move, resize or hide that bubble afterwards instead of re-recording.

This guide covers when a face on screen helps, how to set up the camera, and how to place the bubble so it never blocks what you are showing.

When to record screen and webcam together

A webcam adds a human presence. That is valuable in some videos and distracting in others.

If you are unsure, record with the webcam on anyway. When the webcam is a separate track, you can decide after recording whether the bubble stays, shrinks into a corner or disappears, which is much cheaper than a retake.

How to record screen and webcam in Chrome

These steps use Click & Record, a free extension for Chrome, Edge and Brave with no account and no watermark.

1. Install and pin the extension.
2. Prepare your screen: open the page or app, close distractions and turn on Do Not Disturb.
3. Click the extension icon and choose the source: a tab, a window or your full screen. If you are showing more than the browser, see recording a window or full screen.
4. Enable webcam and microphone. Chrome asks for camera and mic permission the first time; allow it.
5. Check your framing before recording (see the setup tips below).
6. Record. The 3-2-1 count-in happens before capture starts, so you can settle your face and hands without it appearing in the file.
7. Stop with the toolbar icon or Alt+Shift+S. The editor opens with the webcam bubble on its own track.

Camera setup that looks professional

You do not need a new camera. Small adjustments matter far more.

• Light from the front. Face a window or put a lamp behind your screen. A bright window behind you turns your face into a silhouette.
• Camera at eye level. Raise the laptop on a stack of books so the camera is not looking up your nose.
• Frame head and shoulders. In a small bubble, a tight frame reads better than a wide shot of your room.
• Simple background. A plain wall or tidy shelf beats a busy room.
• Look at the lens for key lines. Glance at the camera for the intro and the call to action; look at the screen while demoing.
• Use a decent mic. Viewers forgive average video far more readily than echoing or muffled audio. A headset mic is better than a laptop mic across a room.

Placing and styling the webcam bubble

Placement

Bottom-right is the default in most tools because many apps keep less important UI there. But check your actual screen: if your app has a chat widget, save button or pagination in that corner, move the bubble to the bottom-left. If you click near the bubble during the take, move it for that section.

Size

Aim for a bubble that is noticeable but small, roughly an eighth to a sixth of the frame width for 16:9 video. In vertical 9:16 video, a slightly larger bubble near the top or bottom works well, since there is more vertical space.

Why a separate track matters

If the webcam is burned into the screen capture, its position is final. Click & Record records the webcam as a separate track, so in the editor you can:

• Move the bubble to another corner, or anywhere in the frame.
• Resize it so it is noticeable without covering the UI.
• Restyle it to fit the look of your video.
• Hide it entirely if the video works better without it.

That flexibility also helps when you reuse one recording in multiple formats. Export a 16:9 version for YouTube and a 9:16 version for Shorts, and place the bubble differently in each.

Editing a screen and webcam recording

After the take, a short editing pass makes a big difference.

1. Trim the start and end, including the moment you reach to stop recording.
2. Cut mistakes with split and delete. Small jumps are less noticeable with a webcam if you keep cuts at natural pauses.
3. Review automatic zooms so the screen content stays readable while your bubble sits in a corner.
4. Add subtitles. Click & Record transcribes speech on-device and exports SRT or VTT files, with no upload. See adding subtitles to a screen recording for free.
5. Export to MP4 or WebM in the aspect ratio you need.

Everything runs locally in your browser, including your camera footage, which stays on your machine unless you choose Save to Google Drive.

Ideas for using a face on screen well

• Sales: open with a personalized line on camera, then walk through the product. More in async sales demo videos.
• Teaching: keep the bubble small and out of the way so learners can follow dense demos. See screen recording for teachers and online courses.
• Updates: keep the bubble visible throughout for a conversational feel.

Recording your screen and webcam together is easy once the camera is lit and framed. Record with the bubble on, then decide in the editor where it belongs, scene by scene.