How to Set Up OBS Overlays for a PUBG Mobile Tournament Broadcast

Overlays turn a plain gameplay feed into a professional broadcast: standings, team lists, player cards and match summaries on top of the action. Most tournament overlays are simply web pages, and OBS Studio can display any web page as a browser source. This guide covers setting one up properly and fixing the common problems.

What you need

• OBS Studio (free) on the broadcast computer.
• A stable internet connection. Overlays that read live data fetch it repeatedly, so connection quality matters.
• The overlay link from your tournament tool.

Step by step

1. Open OBS and select the scene where the overlay should appear.
2. Under Sources, press + and choose Browser.
3. Name the source clearly, for example "Standings".
4. Paste the overlay link into URL.
5. Set Width 1920 and Height 1080. Overlays are designed for a full 1080p canvas, so make the source the same size as your scene.
6. Leave Control audio via OBS off unless the overlay plays sound.
7. Click OK. The overlay should appear with a transparent background over your gameplay.

Settings worth checking

• Shutdown source when not visible: turn it on to save resources for overlays you only show occasionally. Turn it off for a widget that must be ready instantly.
• Refresh browser when scene becomes active: turn it on so the widget reloads fresh data each time it appears.
• Custom CSS: OBS adds a default style that sets the body background transparent. Do not remove it, or the overlay shows a solid colour.

Using one source for many widgets

Instead of adding a new source for every widget, you can add one controller source and then switch the widget shown from a control panel. SSP Statify's widget controller works this way: you add a viewer link once in OBS, then click any widget in the panel to show it live. This is ideal when you want to change what is on screen without touching OBS during a match.

When the overlay does not load

Browser sources can fail quietly. Work through this list:

1. Right-click the source, choose Interact and see whether the page shows an error.
2. Refresh cache of current page in the source's properties. This forces a clean reload and fixes most "stuck" overlays.
3. Check your internet speed. On a weak or unstable connection, large requests may time out. Wired Ethernet is better than Wi-Fi for a broadcast machine.
4. Lower the load: avoid opening many overlay sources at once. Each one polls the server. Use the controller approach so only one is active at a time.
5. Use a hardware acceleration setting: in OBS settings under Advanced, enable browser source hardware acceleration if the overlay is choppy.
6. Update OBS. Older versions use outdated browser engines that can break modern pages.

Good habits on match day

• Test every overlay 30 minutes before going live.
• Keep a backup scene without overlays in case of data problems.
• Write down the links and slot names so a co-host can fix things quickly.
• Refresh the cache after any change you made to a widget.

Next steps

Pair your overlays with a clear points table (see how the points system works) and publish results on SSPpedia so viewers can look up the stats after the stream.