Quick answer: To add a sports overlay to OBS, create your scoreboard in OBScoreboard, copy your stream link, open OBS and add a Browser Source, paste the link, and set the source size to match your OBS Base Canvas Resolution e.g. 1920 x 1080px. Your overlay will appear live and update in real time from any device.
Adding a sports overlay to OBS is easier than most people think.
You don’t need plugins, design skills, or a broadcast background. With the right tool, you can have a professional scoreboard, sponsor graphics, and team lineups running inside OBS in under ten minutes.
This guide covers the full setup, including what a Browser Source is, how to control the score during the match, how to troubleshoot common problems, and which overlay style works best for your sport.
Quick Setup Checklist
Here’s the full process at a glance:
- Create a free account at obscoreboard.com
- Choose your sport and create a new stream
- Customise your scoreboard overlay
- Copy your stream link
- Add a Browser Source in OBS and paste the link
- Set the source size to match your OBS canvas resolution
- Control the score live from your phone, tablet, or second laptop
Everything is covered below.
What You’ll Need
- OBS Studio installed on your computer
- A stable internet connection
- An OBScoreboard account
- A phone, tablet, or second device to control the score during the match (optional but recommended)
That’s it. No extra hardware. No specialist configuration.
What Is a Browser Source in OBS?
Before going through the steps, it helps to understand how the overlay actually works.
OBS has a feature called a Browser Source. It lets OBS load a web page as a live overlay layer inside your stream; exactly like having a second tab sitting on top of your video feed, but transparent and fully integrated.
This is why OBScoreboard requires no plugins. It runs in a browser, and OBS loads it as a Browser Source. The two talk to each other over the internet in real time. When you update the score on your phone, OBS reflects it immediately on stream.
You don’t need to understand how it works under the hood. You just need to know: Browser Source is the feature in OBS that makes this all possible.
How to Add a Sports Overlay to OBS: Step by Step
Step 1: Sign Up at OBScoreboard.com
Go to obscoreboard.com and click “Get Started”
Step 2: Create a New Stream and Choose Your Sport
Once you’re in, create a new stream and select your sport.
OBScoreboard supports:
- Football (Soccer)
- American Football
- Rugby / AFL
- GAA (Gaelic Games)
- Basketball
- Tennis
- Padel
- Pickleball
- Table Tennis / Ping Pong
- Darts
- Pool / Billiards
- Badminton
- Volleyball
Each sport has its own dedicated scoreboard with the right rules, layout, and match structure built in. You’re not adapting a generic template; the overlay is designed specifically for how your sport is scored and timed.
Step 3: Select and Customise Your Scoreboard Overlay
Choose your scoreboard style and set up your branding.
You can customise:
- Team names and abbreviations
- Team colours and crests
- Primary and secondary overlay colours
- Fonts, backgrounds, and accent colours
When you’re happy with how it looks, hit Go Live. OBScoreboard generates a unique browser source URL for your stream. Copy that link, you’ll need it in OBS.
Step 4: Add the Overlay to OBS as a Browser Source
This is where OBS comes in. Open OBS and follow these steps:
- In the Sources panel, click the + button
- Select Browser from the list of source types
- Give the source a name (e.g. “OBScoreboard Overlay”) and click OK
- Paste your OBScoreboard stream link into the URL field
- Set the width and height to match your OBS Base Canvas Resolution. For most streams, that is 1920 x 1080. You can check or change this in OBS under Settings > Video > Base Canvas Resolution
- Click OK
Your sports overlay is now live inside OBS. It sits as a transparent layer over your video feed and updates in real time.
Important: Make sure the Browser Source sits above your camera or video source in the Sources panel. OBS renders sources from bottom to top, so anything below the video feed will be hidden behind it.
Ready to go live? Create your free scoreboard at OBScoreboard →
How to control the score during the match
Once the overlay is live in OBS, you don’t need to touch OBS again.
Open your OBScoreboard dashboard on a second device, phone, tablet, or laptop, and use it to update the match in real time. Changes appear on your stream instantly.
You can update:
- Score for either team
- Match clock (start, stop, adjust)
- Period, half, set, or quarter
- Substitutions and player names
- Sponsor graphics and other overlay layers
Who should control it? Ideally someone not also running the camera. A volunteer, assistant coach, or club official with a phone works perfectly. The dashboard is designed to be fast and low-error under pressure, no training required.
Before match day: Run a private test stream and confirm the overlay updates correctly from the device your scorekeeper will use. Don’t leave this until kick-off.
Common OBS Sports Overlay Problems (and How to Fix Them)
Most overlay issues in OBS have straightforward fixes. Here are the most common ones.
Overlay Is Not Appearing in OBS
Check that the Browser Source is above your video/camera source in the Sources panel. OBS renders from the bottom up, if the overlay is underneath the camera source, it will be hidden. Drag it above the video layer.
Also confirm the source is not muted or hidden. The eye icon next to the source in the Sources panel controls visibility.
Score Is Not Updating on Stream
Check your internet connection on the device you’re using to control the score. OBScoreboard updates in real time over the internet, if the controlling device loses connection, changes won’t push through. Reconnect and try again. The stream itself will not be affected.
Overlay Looks Blurry or Pixelated
This almost always means the Browser Source dimensions don’t match your OBS Base Canvas Resolution. Go to OBS Settings > Video > Base Canvas Resolution, note the resolution, and set your Browser Source width and height to match exactly. For most streams: 1920 x 1080.
Overlay Is the Wrong Size or Position
In OBScoreboard, in the Overlays section, look for the “Positions” section and then click the Edit button. You can then drag and drop the overlay and resize it or change the position. You can then click Save, and then click Update so it reflects on your live stream.
Best OBS Overlay Setup by Sport
Different sports have different overlay needs. Here’s what works best for each.
| Sport | Key overlay elements | Setup tip |
|---|---|---|
| Football / Soccer | Score, match clock, stoppage time, team crests, substitution graphics | Enable stoppage time display, viewers expect to see added time clearly shown |
| Basketball | Score, shot clock, quarter, team fouls, period tracker | Use the shot clock display, it’s the detail that separates amateur streams from professional-looking ones |
| Tennis / Padel | Sets, games, points, server indicator | Racket sport scoring changes fast, test score updates before the first set begins |
| Darts | Remaining score per player, leg and set tracker, player names | Keep the scorekeeper on a dedicated device, darts moves quickly and delays look unprofessional |
| Rugby / AFL | Score, match clock, half tracker, penalty count | Use the substitution graphic to show player changes, rugby rosters move frequently and viewers appreciate the context |
| Pool / Billiards | Frame score, player names, race-to tracker | Static camera setups work well, position the scorebug in a corner that doesn’t clash with the table sightlines |
More Than Just a Scoreboard Overlay
Most people come to OBScoreboard for the scoreboard. They stay because of everything else.
Beyond live scoring, you get access to a full broadcast graphics suite, all controllable live from your device during the match.
| Feature | What it shows | When to use it |
|---|---|---|
| Sponsorship Graphics | Sponsor logos, branded overlays | During breaks in play, at half-time, or as a persistent lower overlay throughout the match |
| Title Screens | Polished intro screens before kick-off | At the start of your stream, before the match begins |
| Substitution Graphics | Player off, player on, shirt numbers | Every time a substitution is made, keeps viewers informed without commentary |
| Team Lineups | Full starting formations and player names | Pre-match, gives viewers context before the first whistle |
| Lower Thirds | Player names, event alerts, match info | When introducing players, referencing stats, or flagging key moments live |
| Announcements | Match alerts, half-time updates, custom messages | Any broadcast moment where you need to communicate something to the viewer directly |
All of these run as layers inside OBS. You can show or hide any element at any point in the broadcast, without interrupting the stream or touching OBS.
Real Match-Day Workflow: Sunday League Football
Here’s what a typical grassroots match-day setup looks like using OBScoreboard with OBS.
The setup:
- One laptop running OBS with a camera source and the OBScoreboard Browser Source layered on top
- One phone used by a volunteer at pitchside to control the score, clock, and substitutions
- One sponsor graphic scheduled to rotate during half-time
- Team lineup graphics loaded in advance and shown five minutes before kick-off
The timeline:
- 30 minutes before kick-off: OBS open, Browser Source added, overlay confirmed on stream, scorekeeper tests score updates from phone
- 10 minutes before kick-off: Lineup graphics shown on stream
- Kick-off: Scorekeeper starts the match clock from phone, both teams at 0–0
- During play: Scorekeeper updates goals and cards as they happen. Substitution graphics triggered from the phone when changes are made
- Half-time: Sponsor graphic shown. Clock paused. Scorekeeper resets for second half
- Full time: Clock stopped. Final score held on screen. Stream ends
One person with a phone. One laptop running OBS. A broadcast that looks like it has a full production crew behind it.
Why Use OBScoreboard for Your OBS Sports Overlay?
OBS is powerful. But it doesn’t come with sports-specific graphics built in.
Most streamers either skip overlays entirely, use generic templates that look amateur, or spend hours building something from scratch that breaks mid-match.
OBScoreboard fills that gap. It’s purpose-built for sports broadcasting. Designed for real match conditions. Built to be operated under pressure by a single person, from a phone, without needing a broadcast engineer.
| Option | Setup time | Live score control | Sport-specific rules | Sponsor graphics | Best for |
|---|---|---|---|---|---|
| OBScoreboard | Under 10 minutes | Yes, phone, tablet, laptop | Yes, built per sport | Yes | Clubs, leagues, schools, solo streamers |
| Generic OBS templates | 30–90 minutes | Manual only | No | No | One-off casual use |
| Custom broadcast graphics | Days to weeks | Requires operator | Depends on build | Yes | TV production teams |
Is OBScoreboard Right for Your Stream?
OBScoreboard is a strong fit if you:
- Stream sport regularly for a club, league, school, or organisation
- Want professional overlays without needing a dedicated graphics operator
- Need remote score control from a phone or second device during the match
- Want sponsor branding integrated cleanly into your broadcast
- Run tournaments across multiple sports and need one consistent tool
- Stream solo or with a small volunteer crew
It may not be the right fit if you:
- Only need a static logo added to a stream (a simple OBS image source will do)
- Operate without an internet connection at the venue
- Require a fully bespoke broadcast package built to TV specification
Before You Go Live: Match-Day Checklist
Run through this before every broadcast:
- Test score updates from your scorekeeper’s device and confirm they appear on stream
- Check the overlay is positioned correctly and not hidden behind the video source
- Confirm Browser Source dimensions match your OBS Base Canvas Resolution
- Check the internet connection at the venue, both for OBS and the scorekeeper’s device
- Load your team lineup graphics and sponsor overlays in advance
- Assign a dedicated scorekeeper who knows which device to use
- Start OBS at least 15 minutes before the stream goes live
Frequently Asked Questions
Do I need an OBS plugin to use a sports overlay?
No. OBScoreboard uses a Browser Source, which is a built-in feature of OBS Studio. No plugins, downloads, or installs required beyond OBS itself.
Can someone else control the score during the match?
Yes. Once the overlay is live in OBS, anyone with access to your OBScoreboard dashboard can update the score from their own phone, tablet, or laptop. OBS does not need to be touched.
Why is my scoreboard blurry in OBS?
This is almost always a size mismatch. Set your Browser Source width and height to match your OBS Base Canvas Resolution exactly. Find this in OBS under Settings > Video > Base Canvas Resolution. For most setups: 1920 x 1080.
Does OBScoreboard work with Streamlabs, vMix, or Wirecast?
Yes. OBScoreboard works with any platform that supports browser source overlays. See the platform guides below for specific setup steps.
Can I add sponsor logos to my sports overlay in OBS?
Yes. OBScoreboard includes dedicated sponsorship graphics that can be shown, hidden, and rotated live during your broadcast, all from your phone or control device.
What sports does OBScoreboard support?
Football (Soccer), American Football, Rugby / AFL, GAA, Basketball, Tennis, Padel, Pickleball, Table Tennis, Darts, and Pool / Billiards, Badminton, Volleyball. New sports are added regularly.
Ready to Add Your First Sports Overlay to OBS?
Create your scoreboard, copy your OBS Browser Source link, and test your match overlay before kick-off.
Get started free at OBScoreboard →
Works with OBS, Streamlabs, vMix, Wirecast, YoloBox, PRISM Live Studio, and Ecamm Live.