1) Add a Browser Source in OBS Studio
- Open OBS Studio.
- In the Sources panel, click +.
- Select Browser (often shown as Browser Source).
- Choose a name and click OK.
- In the URL field, paste the webpage address you want to display.
- Set options like Width, Height, and whether to enable Shutdown source when not visible (if available).
- Click OK to add it.
2) Make sure the page loads correctly
Some websites block embedding or require special permissions. If the page appears blank, try these checks:
- Confirm the URL is correct and accessible from your machine.
- If the site requires login, log in in the browser and ensure the embedded content can load (some sites can’t be embedded).
- Try using a public link or a page that allows embedding.
- Verify OBS is allowed through your firewall if the page needs network access.
3) Common settings that improve results
- Resolution: Match the browser source size to your scene resolution to avoid scaling blur.
- Refresh: If your OBS version supports it, enable a refresh interval for dynamic pages.
- Audio: Browser Source audio may not always work depending on OBS version and browser behavior; test with a short recording first.
- Performance: Higher resolution and complex pages can increase CPU/GPU usage.
4) Troubleshooting blank or broken browser content
Blank screen
- Try a different URL (for example, a simple test page) to confirm Browser Source works.
- Check whether the website blocks embedding (CSP/X-Frame-Options).
- Reduce the browser source size and try again.
Video is not updating
- Look for refresh/interval options in the Browser Source settings.
- Ensure the webpage itself is not throttling content when embedded.
Audio not captured
- Confirm the browser source is routed to the correct audio track/device.
- Test with a page that has simple audio playback.
5) Recommended workflow
Before going live, do a quick test recording. Add the Browser Source, verify the page renders, then record 10–20 seconds and review. If anything looks off (blank content, missing audio, lag), adjust the browser source size, refresh behavior, and page choice. Once it looks correct, you can switch to streaming with confidence.