Add ScoreLayer to OBS
Get your scoreboard overlay live in OBS Studio in under two minutes. You only need to do this once per scoreboard — the overlay updates in real time automatically.
- 1
Open OBS and select your scene
Open OBS Studio and select the scene where you want the scoreboard overlay to appear. You can add the overlay to any existing scene.
- 2
Add a Browser source
In the Sources panel at the bottom, click the "+" button and select Browser from the list.
- 3
Copy your overlay URL from ScoreLayer
Open your scoreboard's control panel in ScoreLayer and click "Copy OBS URL" in the top-right corner. This copies the unique overlay URL for your scoreboard — you'll paste it into OBS in step 5.
- 4
Name your source
Give your new Browser source a recognisable name — "ScoreLayer Overlay" works well. Make sure "Make source visible" is checked, then click OK.
- 5
Paste your URL and set the dimensions
Paste the URL you copied in step 3 into the URL field. Set the Width and Height to match your stream resolution — 1920 × 1080 for full HD. Click OK when done.
- 6
You're live!
Your ScoreLayer overlay is now part of your scene. You can drag and reposition it in the preview canvas. Open the ScoreLayer control panel in a browser to update scores, clock, and team details in real time during your broadcast.
Ready to get started?
Create your scoreboard, open the control panel, and copy your OBS URL.
Go to my scoreboards