How to Capture a Specific Browser Tab in OBS Studio

While OBS Studio’s “Window Capture” source cannot directly isolate a single tab from inside a multi-tab browser window, you can easily achieve this by separating the tab into its own window. This article explains the step-by-step process to capture a specific web browser tab, configures the settings for the best performance, and details alternative methods like the built-in Browser source.

The Standard Method: Detach and Capture

Because OBS Studio targets entire application windows rather than individual browser tabs, you must isolate the tab you want to stream or record.

Step 1: Isolate the Browser Tab

  1. Open your web browser (Chrome, Firefox, Edge, etc.).
  2. Click and hold the tab you want to capture.
  3. Drag the tab downward and release it. This detaches the tab and turns it into its own dedicated window.

Step 2: Add a Window Capture Source in OBS

  1. Launch OBS Studio.
  2. In the Sources dock at the bottom, click the + (Add) icon.
  3. Select Window Capture from the list.
  4. Name the source (e.g., “Browser Tab”) and click OK.

Step 3: Select the Isolated Window

  1. In the properties window that appears, click the Window dropdown menu.
  2. Select your newly isolated browser window from the list.
  3. Set the Capture Method to BitBlt or Windows 10 (1903 and up) depending on your operating system. The Windows 10 option is generally more reliable and prevents yellow borders around the captured window.
  4. Click OK.

Alternative Method: Use the “Browser” Source

If you do not need to actively navigate the tab in your desktop browser while streaming, you can load the webpage directly inside OBS using the Browser source.

  1. Copy the URL of the website you want to display.
  2. In OBS, click the + (Add) icon in the Sources dock.
  3. Select Browser and click OK.
  4. Paste the URL into the URL field.
  5. Set your desired width and height to match your canvas.
  6. To interact with the webpage, right-click the Browser source in your OBS source list and select Interact. This opens a control window where you can click, scroll, and type on the webpage.

Troubleshooting: Fixing Black Screen Issues

If your Window Capture source displays a black screen instead of your browser tab, it is usually caused by hardware acceleration conflicts. You can resolve this with the following steps:

  1. Open your browser settings.
  2. Search for Hardware Acceleration in the settings search bar.
  3. Toggle off Use graphics acceleration when available (or Use hardware acceleration when available).
  4. Relaunch your browser and check OBS Studio again.