Setting Up AllStreamHub as an OBS Browser Source (Step-by-Step)

If your church runs OBS Studio for its livestream, adding graphics like scripture, lyrics, and lower-thirds doesn't require a plugin, a capture card trick, or a second computer. It requires one browser source pointed at the right URL, set up correctly once. Here's the process from a blank OBS scene to a working overlay.

Step 1: Get your screen URL

Every screen you build in AllStreamHub — whether it's for scripture, lyrics, or lower-thirds — gets its own shareable URL. Open the screen you want to use for your livestream and copy that link. Keep it handy; you'll paste it directly into OBS in a moment.

If your church runs multiple screens (say, one for the sanctuary feed and a different one for an overflow room), double-check you're copying the URL for the correct screen before moving on. It's a common mix-up when a team has more than one screen saved.

Step 2: Add a Browser Source in OBS

In OBS:

1. In your Sources panel, click the + button.
2. Select Browser.
3. Name it something clear, like "AllStreamHub Overlay," and click OK.
4. Paste your screen URL into the URL field.
5. Set Width and Height to match your stream's canvas resolution — 1920x1080 for most churches running standard HD.
6. Leave Shutdown source when not visible unchecked if you want the overlay to keep updating in the background even when you temporarily switch scenes.

Click OK, and OBS will load your screen as a live browser source.

Step 3: Get the layering right

This step trips people up more than any other. A browser source overlay needs to sit above your camera or slide source in the scene, or it simply won't be visible.

In your Sources list, drag "AllStreamHub Overlay" so it's at the top — above your camera feed, above any background video, above everything else in that scene. OBS renders sources top-to-bottom in that panel, so the top item shows on top of the stream.

If you don't see your scripture or lyrics text appear even though the browser source is active, this layering order is the first thing to check.

Step 4: Confirm transparency is working

Your AllStreamHub screens are built with a transparent background by default, so text and graphics overlay cleanly on top of your camera feed instead of covering it with a solid box. Once your browser source is added and layered correctly, push a test verse or lower-third from your AllStreamHub dashboard and confirm:

• The text appears over your camera feed, not on a black or white rectangle.
• The position and sizing look right at your actual stream resolution, not just on your control monitor.
• Nothing gets cut off at the edges of the frame.

Step 5: Save it into your scene collection

Once it looks right, save your OBS scene collection so this setup persists between services. You shouldn't have to rebuild the browser source from scratch every Sunday — set it up once and it stays part of your production scene going forward.

A few things worth double-checking

• Refresh behavior: if OBS's browser source ever seems to freeze on old content, right-click the source and choose "Refresh" to force it to reload.
• Hardware acceleration: if the overlay looks laggy or choppy, check OBS's browser source properties for a hardware acceleration toggle and try disabling it — some GPU configurations render browser sources more smoothly with it off.
• Interact button: OBS lets you click "Interact" on a browser source to click around inside it directly, which is handy for confirming the page loaded correctly without leaving OBS.

The appeal of a browser source overlay is that there's nothing to install and nothing to keep updated separately from your browser. AllStreamHub runs entirely in the browser and outputs straight into OBS this way, so your whole graphics workflow — designing the screen, pushing content live, and displaying it on stream — happens without a second piece of software running in the background eating up your computer's resources.

Once this is set up, the weekly routine is simple: open your AllStreamHub dashboard, open OBS, and the overlay is already sitting there ready to go.