06 May, 2022
Step-by-step instructions for adding a scoreboard overlay to your live stream. Ideal for the Open Broadcaster software.
Are you streaming a live sports event using OBS (Open Broadcaster Software) or a similar software? If you want to add live scores to your stream, then this is the right post for you.
We have recently released a feature that makes it super simple to add a scoreboard overlay for OBS. It looks professional, is quick and is also totally free! You can even control the scores from a phone, all without installing any extra apps.
What makes it even better is that our solution also comes with a stand-alone online scoreboard that you can share on social media or project onto a big screen. You are basically getting multiple scoreboards at once. All of them are live and update in real-time.
There are 3 steps to getting it working. We will describe each step in detail below. 1. Create a scoreboard on Keepthescore.co and customize it to your needs. 2. Get hold of the overlay URL. 3. Insert the overlay URL into your streaming software. In this post we will just be looking at OBS (Open Broadcaster Software).
In this step we create and customize the live scoreboard overlay. To begin, click here to create your scoreboard and then click "Start here". You can do this without registering an account.
You should then see the following. This is your "control panel".
Click on the team names to edit them. You can also configure a few other things. Note that not everything on the control panel is currently available on the scoreboard overlay. Only the following is shown:
You will use this control panel to change the scores, once you have integrated the overlay into your stream. You can also share the URL of the control panel to give someone else the ability to change scores.
The score panel also works great on a mobile device or tablet, all without having to install any extra apps.
Next, we will get hold of the overlay URL. It is simply a string of characters like this:
This is all you need to insert the overlay into your stream. Simply click on the "STREAMING" button at the top of the control panel. You should then see a screen like this:
Now click on the blue "COPY" button. The URL should now be copied to your clipboard. Onto the final step!
The image below shows the main OBS window with a placeholder image instead of the live stream. We are going to add our scoreboard overlay to this placeholder image.
We are going add a new "source". Go to the source window at the bottom and click on the "+" button. Then click on "browser".
Accept the defaults in the modal dialog by clicking on "OK".
In the next screen you paste the URL you created in step 2 into the "URL" field. It also makes sense to adjust the width
1000. See below:
Click on OK, and your new browser source should be added and visible as below:
You can use the red frame to adjust the size of the overlay and position it as you require. You are now ready to start streaming! 🎉
Just to remind you why the Keepthescore.co solution is so great, here's a quick summary:
Do you have a question, feedback, or a feature request?
Great! We answer every message within 1 working day (sometimes on the weekend too). You can reach us in the following ways:
Want to find out more? Check out our blog for the latest news and updatesView all articles