shotclock.online
EN
Open the clockFree, no account.

Shot Clock / Livestream / Streamlabs

Add a shot clock to Streamlabs

In Streamlabs Desktop, add a Browser Source, paste the overlay link from the Shot Clock remote and set the width and height to your stream resolution, for example 1920 × 1080. The background is transparent, so only the clock bar shows over your camera, and it follows the phone that runs the game.

See Shot Clock ProOpen the clock and try it

Before you start

  • Shot Clock Pro on the phone that runs the game, or the free 10-minute trial.
  • The clock open on a screen, with your phone connected as the remote.
  • Internet on the streaming computer or device.

Step by step

  1. Open the clock and connect your phone

    Open shotclock.online/display on the gym screen or on the streaming computer, and scan the QR code with your phone. The phone is now the remote.

  2. Copy the overlay link

    On the remote, open Settings and tap Copy OBS overlay link. It works in Streamlabs too. The link looks like shotclock.online/overlay/123456.

    Settings on the Shot Clock remote on a phone, with the buttons Copy OBS overlay link and vMix data source
    Settings on the remote: the overlay link and the vMix data source.

  3. Add a Browser Source

    In Streamlabs Desktop, click + next to Sources, choose Browser Source, name it Shot clock and click Add Source.

  4. Paste the link and set the size

    Replace the URL with your overlay link. Set the width and height to your stream resolution, usually 1920 and 1080, and click Done.

  5. Check the scene

    The bar sits in the bottom left corner. Keep the source above your camera in the list, start the clock on your phone and watch it on the stream.

    Shot Clock overlay on a stream: a bar in the bottom left corner with the score of both teams, the period, the game clock and the shot clock in red digits
    The overlay in game mode, here on a sample background. In your stream the camera is behind it.

Tips

  • New match, new clock tab? The room number changes. Open the source properties and change the six digits at the end of the URL.
  • The overlay makes no sound, and it cannot change the clock.
  • Bar not updating? Right-click the source, open its properties and refresh the page.

Questions

Is Streamlabs different from OBS here?

Hardly. Streamlabs Desktop is built on OBS and has the same browser source. The overlay link is the same.

Can I use it in Streamlabs on my phone?

This guide is for Streamlabs Desktop on a computer. The overlay needs a browser source, which the desktop app has.

Is the overlay free?

The overlay is part of Shot Clock Pro. The shot clock itself is free, and you can try Pro once for 10 minutes on your phone.

Other streaming software

OBS Studio, vMix, Streamlabs and YoloBox are trademarks of their owners. Shot Clock is not affiliated with them.