How to Record a Browser Tab with Audio on Mac

You want to record what's happening in a browser tab — a YouTube tutorial, a live webinar, a web app that plays audio — and you need the tab's audio in the recording. On macOS, this is harder than it should be. Apple doesn't expose system audio to screen recording tools by default. Your Mac's built-in Screenshot toolbar captures your microphone but ignores the audio coming from Safari or Chrome.

The solutions fall into two categories: apps that handle audio routing internally (one-click setup), and free tools that require you to install a virtual audio device and configure it manually. Both produce identical audio quality — the difference is setup time and ongoing convenience.

Quick Comparison

Method 1: Screenify Studio (Built-in System Audio)

Screenify Studio includes a lightweight audio driver that captures your Mac's system audio — including browser tab audio — without requiring BlackHole, Loopback, or any manual Audio MIDI Setup configuration.

Steps

1. Download Screenify Studio and open it
2. On first launch, the app prompts you to install its audio capture driver. Click Allow and enter your Mac password. This installs once and takes about 5 seconds. No restart required.
3. Open the browser tab you want to record (YouTube video, webinar page, web app)
4. In Screenify's capture panel, select your capture mode:
   • Window — records just the browser window
   • Custom Region — drag to select only the video player area within the tab
   • Full Screen — records everything (useful if you'll switch between tabs)
5. Toggle System Audio on. A waveform meter appears showing real-time audio levels. Play the tab's audio briefly to confirm the meter responds.
6. Optionally toggle Microphone for narration. When both are enabled, a balance slider lets you set relative volumes before recording starts.
7. Press ⌃ + ⌘ + R to start recording
8. Play the browser content. The tab audio records directly from the digital output — no re-encoding, no analog loopback, no quality loss.
9. Stop with the same shortcut when done

Why this captures browser audio cleanly

The audio driver sits between your Mac's audio output and your speakers/headphones. It duplicates the audio stream: one copy goes to your ears, the other goes to Screenify's recording engine. This means:

• You hear the audio normally while recording — no silent monitoring
• Audio quality is lossless (digital capture, not microphone re-recording)
• Works with every browser (Safari, Chrome, Firefox, Arc, Brave) because it captures at the system level
• No per-tab permission needed — if your Mac plays it, Screenify captures it

Per-tab isolation

Screenify captures all system audio. If you only want the audio from one specific tab:

• Mute other tabs (right-click tab → Mute Tab) before recording
• Close apps that might produce notification sounds
• Or use headphones for any audio you don't want captured — wait, that won't help since the driver captures the output regardless. Instead, genuinely mute anything you don't want.

Method 2: macOS Screenshot Toolbar + BlackHole (Free)

This method uses BlackHole — a free, open-source virtual audio driver — to route your browser's audio to a recording input. It requires one-time setup in Audio MIDI Setup, then works with any recording tool including macOS's built-in Screenshot toolbar.

Step 1: Install BlackHole

1. Download BlackHole 2ch from existential.audio/blackhole
2. Run the .pkg installer. Enter your Mac password when prompted.
3. Restart is not required, but open a new Terminal window if you had one open.

Step 2: Create a Multi-Output Device

You need a Multi-Output Device so audio plays through both your speakers AND BlackHole simultaneously. Without this, routing audio to BlackHole would make it silent.

1. Open Audio MIDI Setup (Applications → Utilities, or Spotlight search)
2. Click the + button at the bottom-left
3. Select Create Multi-Output Device
4. In the right panel, check:
   • Built-in Output (or your current headphones/speakers)
   • BlackHole 2ch
5. Drag Built-in Output above BlackHole so it's the primary (ensures audio plays through your speakers)
6. Double-click the device name and rename it to "Browser Recording" for clarity

Step 3: Set the Multi-Output Device as system output

1. Open System Settings → Sound → Output
2. Select Browser Recording (your Multi-Output Device)
3. Play audio in your browser to confirm you can still hear it through your speakers

Note: The system volume slider stops working with Multi-Output Devices. Control volume from the browser tab or app instead.

Step 4: Record with Screenshot toolbar

1. Open your browser tab with the content you want to capture
2. Press ⌘ + Shift + 5 to open the Screenshot toolbar
3. Choose Record Selected Window and click your browser window (or choose Record Selected Portion and drag over the tab content area)
4. Click Options in the toolbar
5. Under Microphone, select BlackHole 2ch — this tells the recorder to capture the audio routed through BlackHole
6. Click Record
7. Play your browser content
8. Click Stop in the menu bar when done

Step 5: Switch audio back

After recording, go to System Settings → Sound → Output and select your normal output device. If you forget, you'll notice the volume slider doesn't work and wonder why.

Limitations of this approach

• Manual audio switching before and after every recording session
• Volume control disabled during recording (Multi-Output limitation)
• No separate audio tracks — browser audio and microphone merge into one stream
• If you forget to switch back, all your Mac's audio routing stays in recording mode
• First-time setup takes 15-20 minutes if you've never used Audio MIDI Setup

Method 3: OBS Studio + BlackHole (Advanced Control)

OBS gives you more control over audio mixing, scene composition, and output format than the Screenshot toolbar. It uses the same BlackHole setup but adds features like audio filters, multiple scenes, and streaming capability.

Prerequisites

• BlackHole installed (same as Method 2, Steps 1-3)
• OBS Studio installed from obsproject.com

Steps

1. Set your system audio output to the Multi-Output Device (same as Method 2, Step 3)
2. Open OBS Studio
3. In the Sources panel, click + and add:
   • Window Capture — select your browser window
   • Audio Input Capture — select BlackHole 2ch as the device
4. Optionally add a second Audio Input Capture for your microphone
5. In the Audio Mixer panel at the bottom, verify that the BlackHole meter responds when you play browser audio. Adjust the slider if levels are too hot.
6. Click Start Recording in the Controls panel
7. Play your browser content
8. Click Stop Recording when done

OBS-specific advantages

• Audio filters — add noise suppression, compression, or gain to your mic without affecting browser audio
• Scene switching — set up a "Browser Recording" scene and a "Webcam + Browser" scene, switch between them during recording
• Output format control — record as .mkv (crash-safe, recommended) or .mp4, choose encoder (x264, Apple VT H.264)
• Audio tracks — OBS can record browser audio and mic audio on separate tracks in the same file (Settings → Output → Recording → Audio Tracks)

macOS 13+ Alternative: macOS Audio Capture

On macOS Ventura and later, OBS has a native macOS Audio Capture source that captures system audio without needing BlackHole at all:

1. In Sources, click + → macOS Audio Capture
2. Choose Capture all audio (or select a specific application like Chrome/Safari)
3. No Multi-Output Device, no BlackHole, no audio switching

This is the simplest OBS setup — but requires macOS 13 or later and OBS 30+.

Method 4: Chrome's Built-in Tab Sharing (Limited)

Google Chrome has a built-in screen sharing feature that can capture a tab with its audio. This is designed for video calls and streaming — not local recording — but works in a pinch.

Steps

1. Open the tab you want to capture
2. Navigate to a web app that accepts screen share input. Options:
   • A Google Meet call (even with just yourself)
   • vdo.ninja (free, creates a local recording)
   • Any WebRTC-based recording tool
3. When the "Share" dialog appears, select the Chrome Tab tab (not "Entire Screen" or "Window")
4. Check Share tab audio at the bottom of the dialog
5. Select your target tab from the list
6. Click Share

Using vdo.ninja for local recording

1. Go to vdo.ninja
2. Click Add your Camera to OBS (this creates a local session)
3. In the advanced options, enable Screen Share
4. Select the Chrome tab, enable audio sharing
5. The recording saves locally through the browser — no upload needed

Limitations

• Only works in Chromium-based browsers (Chrome, Edge, Brave, Arc) — not Safari or Firefox
• You can't record to a local .mp4 file directly from the sharing API — you need an intermediary like vdo.ninja
• Audio quality depends on the receiving application's encoding settings
• Tab sharing captures the tab at its current resolution — resizing the browser window changes the capture resolution mid-recording
• You must keep the shared tab active (switching to another tab may pause the capture in some configurations)

Deep Dive: Setting Up BlackHole for System Audio on macOS

Since Methods 2 and 3 both rely on BlackHole, here's a comprehensive troubleshooting guide for the setup.

Understanding the audio routing

Normal:  App Audio → macOS Audio Server → Speakers/Headphones
                                        ↓
With BlackHole:  App Audio → Multi-Output Device → Speakers (you hear it)
                                                 → BlackHole (recorder captures it)
                                                 ↓
Recording app listens to BlackHole as "microphone input"

Common issues

"I can't hear anything after switching to Multi-Output Device"

• Open Audio MIDI Setup, select your Multi-Output Device
• Verify Built-in Output (or your speakers) is checked AND listed first
• If you only checked BlackHole, audio goes to the virtual device but not your ears

"The recording has no audio"

• In your recording app, the audio input must be set to BlackHole 2ch, not "Built-in Microphone"
• In Screenshot toolbar: Options → Microphone → BlackHole 2ch
• In OBS: Audio Input Capture source → Device: BlackHole 2ch

"Audio is delayed or echoing"

• You may have accidentally created a feedback loop. Check that your recording app's audio monitoring is off.
• In OBS: click the gear icon next to BlackHole in the Audio Mixer → Advanced Audio Properties → set Monitor to "Monitor Off"

"BlackHole doesn't appear in Audio MIDI Setup"

• Re-run the installer
• Check System Settings → Privacy & Security → scroll down to see if BlackHole was blocked
• On Apple Silicon Macs, you may need to allow the system extension in Recovery Mode (rare with newer BlackHole versions)

"Volume slider doesn't work"

• This is expected with Multi-Output Devices. Apple disables the system volume slider when a Multi-Output Device is active.
• Control volume from individual apps (browser volume slider, YouTube player volume)
• Or add a dedicated volume app like BackgroundMusic

Verifying the setup before a real recording

Before recording something important (a live webinar you can't replay), do a quick test:

1. Play any YouTube video in your browser
2. Open QuickTime → File → New Audio Recording
3. Set the input to BlackHole 2ch (click the dropdown arrow next to the record button)
4. If the level meter bounces, your routing is working correctly
5. If the meter stays flat, your system output isn't set to the Multi-Output Device — go back to System Settings → Sound → Output and select it

This 30-second verification saves you from discovering a broken setup after a one-time event has already ended.

Uninstalling BlackHole

If you decide BlackHole isn't for you:

# Remove the driver
sudo rm -rf /Library/Audio/Plug-Ins/HAL/BlackHole2ch.driver

# Restart CoreAudio
sudo launchctl kickstart -kp system/com.apple.audio.coreaudiod

After removal, delete the Multi-Output Device in Audio MIDI Setup (select it → click the - button).

FAQ

Q: Which method captures the best audio quality?

All four methods capture digital audio at the source — there's no analog conversion happening. The quality difference is negligible. What varies is convenience:

• Screenify and BlackHole capture at your system's native sample rate (typically 44.1kHz or 48kHz, 32-bit float)
• Chrome's tab sharing encodes to Opus or AAC depending on the receiving app, which may compress the audio
• OBS lets you choose the exact sample rate and bitrate in Settings → Audio

Q: Can I record just one tab's audio without capturing other system sounds?

• Chrome tab sharing (Method 4) — isolates a single tab's audio by design
• Screenify / BlackHole methods — capture all system audio. Mute other tabs and apps before recording.
• OBS with macOS Audio Capture (macOS 13+) — can target a specific application's audio. Select "Chrome" or "Safari" instead of "Capture all audio" to isolate browser audio from other apps.

Q: Does this work with Safari, or only Chrome?

System-level capture methods (Screenify, BlackHole, OBS macOS Audio Capture) work with every browser — Safari, Chrome, Firefox, Arc, Brave — because they intercept audio at the OS level, not the browser level.

Chrome's tab sharing (Method 4) is Chromium-only. Safari has no equivalent built-in tab audio sharing feature.

Q: Will the recording include audio from notifications or other apps?

With system-level capture (Methods 1-3), yes — any sound your Mac produces gets recorded. To prevent unwanted audio:

• Enable Do Not Disturb (Focus mode) before recording to silence notifications
• Quit apps like Slack, Discord, or Messages that produce notification sounds
• Mute other browser tabs (right-click → Mute Tab)

Q: How do I record a browser tab that's playing DRM-protected content?

DRM-protected content (Netflix, Disney+, some Udemy courses) shows as a black screen in window or screen recordings on macOS. This is a system-level restriction Apple enforces through HDCP.

Workarounds:

• Use Firefox, which has weaker DRM screen capture restrictions on some content
• Some older macOS versions (pre-Monterey) don't enforce HDCP for screen recordings
• Screenify and OBS both encounter the same black-screen limitation — this isn't a tool issue, it's an OS-level DRM enforcement

Q: Can I record a browser tab in the background (while working in another app)?

• Window capture (Screenify Window mode, OBS Window Capture) — records the browser window even if it's behind other windows, but the tab must remain in the foreground within that browser window
• Region/screen capture — records whatever is visible in that area. If you switch apps and cover the browser, you'll record the covering app instead.
• Chrome tab sharing — continues capturing the tab content regardless of window focus, making it the most reliable for background capture

Q: My recording has audio but no video (black screen). What happened?

This typically happens with hardware-accelerated video players. The GPU renders the video directly to the display, bypassing the normal window compositing that screen recorders capture.

Fixes:

• Disable hardware acceleration in your browser (Chrome: Settings → System → "Use hardware acceleration when available" → Off)
• Restart the browser after changing this setting
• This makes video playback use more CPU but ensures screen recorders can capture the frames

Q: How do I sync audio and video if they're slightly out of sync?

If your recording's audio drifts from the video:

• In Screenify's editor, use the audio track offset control to shift the audio forward or back by milliseconds
• In OBS, go to Advanced Audio Properties and add a sync offset to the audio source
• This typically happens when system audio has higher latency than the video capture — common on Bluetooth headphones where audio is delayed by 100-300ms

Related

• How to Record Internal Audio on Mac — comprehensive guide to capturing system audio with all methods
• Screen Record on Mac with Audio — combining microphone and system audio in one recording
• How to Screen Record on Mac — general screen recording overview for all use cases