How to Record Screen with Audio and Webcam on Chrome

Recording with Audio and Webcam — Why It Matters

A screen recording without audio is like a presentation without a speaker. Adding your voice narration and a webcam overlay transforms a simple screen capture into a professional video message, tutorial, or demo.

Here's how to record your screen with both audio and webcam on Chrome — completely free.

Setting Up SnapRec for Audio + Webcam Recording

Step 1: Install SnapRec

If you haven't already, install SnapRec from the Chrome Web Store. It's free and takes seconds.

Step 2: Open SnapRec and Configure

Click the SnapRec icon in your toolbar and configure your recording:

• Microphone: Toggle ON to capture your narration
• System Audio: Toggle ON to capture sounds from your computer (app sounds, music, etc.)
• Webcam: Toggle ON to show your face in a picture-in-picture overlay

Step 3: Choose What to Record

Select your recording target:

• Browser Tab — best for web app demos, as it captures tab audio perfectly
• Full Screen — best for multi-app workflows
• Window — best for recording a specific application

Step 4: Record and Share

Hit record, demonstrate what you need, and stop when done. Your video is ready to download or share via link instantly.

Getting the Best Audio Quality

1. Use a headset or external mic — built-in laptop mics pick up keyboard noise and fan sounds
2. Record in a quiet room — background noise is distracting in recordings
3. Use tab recording for system audio — when recording a browser tab, Chrome captures the tab's audio directly, which gives perfect quality
4. Test before recording — make a quick 5-second test to check mic levels

Webcam Overlay Best Practices

• Position matters — place the webcam overlay in a corner that doesn't block important content
• Good lighting — face a window or light source for a clear, professional look
• Eye contact — look at the camera, not your screen, when speaking to the viewer
• Clean background — a tidy background or blurred background looks more professional

Use Cases for Audio + Webcam Recordings

Use Case	Audio	Webcam	Why?
Product demo	✅ Mic	✅ Yes	Personal touch builds trust
Bug report	✅ Mic	❌ No	Narrate the steps to reproduce
Tutorial video	✅ Mic + System	✅ Yes	Teaching is more engaging face-to-face
Code review	✅ Mic	Optional	Walk through changes verbally
Sales pitch	✅ Mic	✅ Yes	Builds rapport with prospects

Advanced Audio Configuration

SnapRec supports three audio sources that can be combined:

• Microphone — captures your voice. Works with any mic: built-in laptop mic, USB mic, or headset.
• System audio — captures sounds playing on your computer: music, app notifications, video audio. Only available when recording a browser tab (Chrome passes tab audio directly).
• Tab audio only — when you record a specific browser tab, all audio from that tab (video, audio playback, embedded calls) is captured cleanly without the microphone. Useful for capturing software demos where only the app's audio matters.

Pro tip: For the cleanest recordings, use tab recording mode when capturing browser-based content. Chrome routes the tab audio directly to the recording, bypassing your system's audio drivers entirely. The result is crisp, artifact-free audio even on noisy laptops.

Setting Up Your Webcam for Professional Results

A webcam overlay makes recordings feel more personal and builds trust with viewers — especially in tutorial, sales, and support contexts. Here's how to get it right:

Lighting your shot

The biggest difference between an amateur and professional-looking webcam shot is lighting. You don't need expensive equipment:

• Face a window — natural light from in front of you (not behind) creates even, flattering illumination for free
• Use a desk lamp — position it at a 45-degree angle to your face, slightly above eye level
• Avoid backlit setups — sitting with a window behind you makes you appear as a dark silhouette

Camera positioning

• Eye level or slightly above — cameras placed below eye level are unflattering and feel unprofessional
• Keep the overlay small — for tutorial content, the screen is the star. Keep the webcam circle small enough not to obscure important content
• Corner placement — bottom-right is the most common and least intrusive placement for most content types

Background considerations

A cluttered or distracting background undermines an otherwise good recording. Options:

• Keep your physical background clean and minimal
• Sit against a plain wall or bookshelf
• For software tutorials where the content matters more than the presenter, turn off the webcam overlay entirely

Use Cases by Workflow Type

Use Case	Audio Type	Webcam	Recording Mode
Product demo for prospects	Microphone	Yes — builds rapport	Tab or Window
Bug report for engineers	Microphone	No — screen is what matters	Tab or Full Screen
Online tutorial / course video	Microphone + System	Yes — adds engagement	Tab (browser content) or Window
Code review walkthrough	Microphone	Optional	Window (code editor)
Meeting recording (Google Meet)	Tab audio only	No — captured in meeting	Tab
Sales training video	Microphone	Yes	Full Screen
Customer support walkthrough	Microphone	No	Tab or Window

Tips for Consistently High-Quality Audio Recordings

1. Use an external microphone when possible — built-in laptop mics are omnidirectional and pick up keyboard noise, fan hum, and room echo. A $30 USB cardioid mic makes a dramatic difference.
2. Record in the quietest space available — close doors, turn off fans, and silence notifications. Background noise is distracting and can't be easily removed after recording.
3. Do a 5-second test recording first — check your audio levels by recording briefly, playing it back, and adjusting mic positioning or volume before the full take.
4. Use a pop filter or speak across the mic — plosive sounds (p, b, t sounds) cause "popping" in recordings. Positioning the mic slightly to the side of your mouth reduces this.
5. Speak at a consistent distance from the mic — moving closer increases volume; moving away decreases it. Try to maintain the same distance throughout the recording.

Troubleshooting Audio and Webcam Issues

Microphone not working in SnapRec

If your mic doesn't appear or isn't capturing audio, check these in order:

1. Verify your default microphone in OS settings (Windows: Sound Settings → Input device; macOS: System Settings → Sound → Input)
2. In Chrome, go to chrome://settings/content/microphone and ensure SnapRec has permission
3. Restart Chrome after changing permissions — Chrome sometimes caches permission denials

System audio not being captured

System audio only works when recording a browser tab, not full screen or window. When you select "Tab" and confirm which tab to share, Chrome passes that tab's audio directly to SnapRec. If you still don't hear it, ensure "Share tab audio" is checked in the Chrome sharing dialog that appears when you start recording.

Webcam appearing black or not showing

This is almost always a permissions issue. Go to chrome://settings/content/camera and verify SnapRec has camera access. On macOS, also check System Settings → Privacy & Security → Camera to ensure Chrome has permission.

Audio and video out of sync

Sync issues typically occur on lower-powered devices. Reduce the recording resolution (try 1080p instead of 4K) or close other resource-intensive tabs and applications before recording. Tab recording mode tends to have better sync than full-screen recording.

FAQ

Why can't I hear system audio in my recording?

System audio capture works best when recording a browser tab. If you're recording the full screen, some operating systems (especially macOS) require additional configuration. Recording a specific tab gives you perfect audio every time.

Can I change the webcam position during recording?

The webcam overlay position is set before recording starts. Choose the corner that works best for your content before hitting record.

Does webcam recording affect video quality?

No. The webcam overlay is composited into the recording without affecting the screen capture resolution. You still get up to 4K quality for the screen portion.

Can I record audio from both my mic and the tab at the same time?

Yes. When recording a tab, you can enable both microphone and tab audio simultaneously. Your voice and the tab's audio (application sounds, video playback) are mixed together in the final recording.

Does SnapRec work for recording video calls like Zoom or Teams?

Yes. Use tab recording mode for browser-based calls (Google Meet, Teams web app). For desktop applications like Zoom, use Window recording mode — select the Zoom window as your recording source. Note that recording calls without participant consent may violate local laws and platform terms of service; always inform participants before recording.