Are you broadcasting a live sports event using XSplit and looking to add a live score overlay (also known as a score bug) to your stream ? This post is for you.
XSplit is a powerful live production software that's widely used for streaming. It's known for its robustness and versatility across various platforms. To get started with XSplit, visit their official website here.
In this guide, we'll use Keepthescore.com for adding a scoreboard browser overlay. It’s professional, quick, and user-friendly! Plus, you can manage the scores from a different device, without any additional app installations. All the score-keeper needs is an admin link and a browser.
How does it work?
There are 3 steps to getting it working. We will describe each step in detail below, but here is the outline:
- Create the scoreboard on Keepthescore.com.
- Obtain the overlay URL.
- Add the overlay URL into your XSplit software.
Let's go through the detailed steps!
Step 1: Create a scoreboard
In this step we create and customize a scoreboard. To begin, click the button below 👇 and choose your sport.
You should then see the following. This is your "control panel".
Control panel for an online scoreboard
Further down on this screen you can carry out all kinds of customizations, including changing the team names, colors and uploading logos.
You can also change the layout to be a scorebug layout, see below:
Changing the layout for an online scoreboard
You will use this control panel to control the scores.
💡 You can share the URL of the control panel to give someone else the ability to change scores.
Step 2: Get hold of the scoreboard URL
Next, we will get hold of the scoreboard URL (it will look something like this:
https://keepthescore.com/stream/vzrxdnpiedr/).
Click on the orange "GET SCOREBOARD" button at the top of the control panel. See below:
1. Getting the scoreboard link
Click on the "COPY TO CLIPBOARD" button on the dialog that appears. The URL should now be copied to your clipboard.
2. Getting the scoreboard link
Step 3: Insert the Overlay URL into XSplit
The following image shows XSplit's main window. We'll add our scoreboard overlay here. The first step is to add a new browser widget. Click the "Add Source" button as shown below.
Select "Webpage" from the list as shown below.
Next paste the URL from the previous step into the field as shown and click "OK" button.
You can adjust the size of the scoreboard with your mouse.
You can now change the scores, colors and logos on Keepthescore.com and your scoreboard overlay will instantly update in your live stream. Magic! ✨
Advantages of Keepthescore.com with XSplit
- No extra software installation needed.
- Remote scorekeeping capability.
- Free for basic use, with premium features available.
- Includes a standalone scoreboard layout (for sharing or projection) and a scorebug layout.
- Continuously updated with new features and sports.
