How to Add a Scoreboard to OBS

Easily integrate sports scoreboards with OBS

OBS Logo

It's easy to connect your ScoreboardMax overlay to OBS and start streaming with a clean, pro-level scoreboard. This quick guide walks you through the steps to add a ScoreboardMax overlay in minutes. Perfect for football, basketball, baseball, soccer, volleyball, and other sports, ScoreboardMax helps you create a high-quality, professional live stream. Works with OBS on Windows, Mac, and Linux.

Step 1: Create the Scoreboard You'll Use with OBS

First, create and configure your scoreboard in ScoreboardMax with your desired sport, teams, and settings.

Creating a scoreboard in ScoreboardMax

Instructions:

  • Log into your ScoreboardMax account
  • Go to "Scoreboards" from the navigation menu
  • Select an existing scoreboard, or choose "New Scoreboard"
  • Select your sport (football, basketball, volleyball, etc.)
  • Configure team names, colors, and logos
  • Adjust any sport-specific settings as needed
  • Save your scoreboard configuration

Pro Tip: Create and save team profiles in advance for quick setup of future scoreboards.

Don't have a ScoreboardMax account yet? Create a free trial account in seconds.

Create Account

No credit card required

Step 2: Copy Livestream Embed URL

On the scoreboard details page, copy the Livestream Embed URL.

Copying the scoreboard embed URL

Instructions:

  • A copy button has been provided for your convenience
  • You will use this copied URL to paste into OBS in the next step

Pro Tip: You can customize the behavior of your scoreboard to meet game rules and your preferences with the "Settings" button in the upper right.

Step 3: Launch OBS

Open OBS, and select the scene you want to overlay the scoreboard onto.

Selecting a scene in OBS

Instructions:

  • Choose the scene that contains your camera inputs for the game
  • If you don't choose the scene with your camera inputs, you won't be able to seamlessly overlay the scoreboard

Pro Tip: Take a look at your Base (Canvas) Resolution under Settings > Video and note it for use in a later step.

Step 4: Create Browser Overlay Source

After selecting your scene, go to the "Sources" section and add a new "Browser" source.

Adding a browser source in OBS

Instructions:

  • After selecting your Scene, go to the "Sources" section
  • Click the "+" icon in the lower portion of the section
  • Select "Browser" from the list of source types
  • Choose "Create New" and name it something like "Scoreboard"
  • Click "OK" to proceed

Step 5: Configure the Browser Source

Paste the Livestream Embed URL into the URL field and set your input resolution / width & height.

Configuring the browser source in OBS

Instructions:

  • Paste the Livestream Embed URL into the "URL" field that you previously copied from ScoreboardMax
  • IMPORTANT: Enter your video base (canvas) resolution (i.e., 1920x1080). This will give you much better results than resizing the scoreboard with your mouse (will prevent blurriness).
  • If you do not know your video base resolution, go to Settings > Video > and you will find it under "Base (Canvas) Resolution"
  • You can leave the rest of the settings as the default values, and click "OK" to continue

Step 6: Congratulations, You're Ready to Go!

Your scoreboard should now be visible on the screen, ready for your broadcast.

Completed scoreboard overlay in OBS

Step 7: Control Your Scoreboard

Return to ScoreboardMax and click on the "Scoreboard Control" link.

Opening scoreboard controls in ScoreboardMax

Instructions:

  • You can configure any settings for your scoreboard by choosing "Settings" in the upper right
  • At the bottom of the scoreboard controls, you can find a link to tips and instructions on how to control the scoreboard

Pro Tip: You can control the scoreboard from any device that has an internet connection - no need to control from your streaming computer.

Step 8: Invite a Guest Operator (Optional)

You can invite a guest to control your scoreboard temporarily in a couple of clicks - no sign-in required.

Sharing scoreboard controls with a guest

Instructions:

  • This is particularly useful when you are using volunteer help to operate your scoreboard
  • Click the "Share Scoreboard Control" button
  • Choose how long you would like to grant access - from a few hours up to a few days
  • The guest operator can scan the access QR code from their phone or tablet, or you can share it by text or email

Troubleshooting

Common Issues:

Scoreboard Not Appearing

  • Verify that you have an active internet connection
  • Confirm you've copied the complete Livestream Embed URL correctly
  • Try refreshing the browser source (double-click on your scoreboard layer in "Sources", scroll to bottom, click "Refresh cache of current page")

Scoreboard Appears But Doesn't Update

  • Make sure that you are controlling the same scoreboard that is configured in OBS
  • Verify that you have an active internet connection
  • Try refreshing the browser source (double-click on your scoreboard layer in "Sources", scroll to bottom, click "Refresh cache of current page")

Positioning or Bluriness Issues

  • For best results, do not attempt to manually size the scoreboard by dragging the scoreboard frame
  • In the browser source, make sure that the width and height match the Base (Canvas) Resolution (under Settings > Video)

For additional support, please contact us.

Ready to Use Your Scoreboard?

Now that your scoreboard is set up, learn how to control it effectively during your broadcast:

Scoreboard Control Basics

Learn how to use scoreboard controls effectively during live games.

Sharing Controls With Guests

Set up guest access for scorekeepers without requiring accounts.

Keyboard Shortcuts

Speed up your workflow with efficient keyboard controls.

Advanced Features

Player cards, sponsor rotation, and other features.