← Back to Help Guide

📺 How to Add SportEve Overlay in OBS

Use the SportEve scoreboard overlay in OBS Studio to show live cricket scores on your stream.

Prerequisites

  • OBS Studio installed on your computer (download from obsproject.com)
  • The overlay link from your admin/scorer (e.g. from the match's Live Streaming settings)
  • A live match with streaming enabled in SportEve

Step 1: Get the Overlay Link

The admin or scorer for the match will provide you with an overlay URL. It looks like:

https://sporteveindia.com/overlay/match?matchId=...&communityId=...&tournamentId=...

If you are the admin, you can copy this link from the Admin Web App or the SportEve mobile app (Match → Live Streaming section → Overlay Link).

Step 2: Add a Browser Source in OBS

  1. Open OBS Studio and select the scene where you want the scoreboard to appear.
  2. In the Sources panel (bottom of OBS), click the + (plus) button.
  3. Select Browser from the list.
  4. Enter a name (e.g. SportEve Scoreboard) and click OK.
  5. In the Browser source properties dialog:
    • URL: Paste the overlay link you received.
    • Width: Match your canvas width (e.g. 1920 px) so the bar spans the stream.
    • Height: 150–250 px (or match canvas height if you want the bar at the bottom of the full frame). The overlay bar is anchored at the bottom of the page, so when you position this Browser Source at the bottom of your OBS canvas, the scoreboard will appear at the bottom of your live stream.
    • Optionally check Shutdown source when not visible to save resources when the source is hidden.
  6. Click OK.

Step 3: Position the Overlay

The overlay will appear in your scene. Drag it to the desired position (typically bottom-left or bottom-right so it doesn’t block the main action). Resize by dragging the corners if needed. The overlay is responsive and will scale with the browser source size.

Step 4: Sync with Stream Delay (Optional)

YouTube Live (and other platforms) often have a 5–20 second delay. If the overlay score updates before the same event appears in the video, you can add a delay so the overlay stays in sync:

  • Add ?delay=15 to the end of the overlay URL (use the number of seconds that match your stream delay, e.g. 15 for 15 seconds).
  • Example: ...&tournamentId=123&delay=15
  • The overlay will show a yellow delay badge (e.g. "⏱️ 15s") when delay is active.

You can also ask the admin to set a default delay in the match's stream settings; the delay query parameter overrides that if needed.

What the Overlay Shows

  • Batting team name and current score (runs/wickets and overs)
  • Striker and non-striker with their runs and balls faced
  • Current bowler and their figures (overs–maidens–runs–wickets)
  • Last ball result (e.g. "4 runs", "Wicket!")
  • Live/delay indicator badge (red LIVE or yellow delay)
  • SportEve watermark in the corner

The overlay updates automatically every 2 seconds while the match is being scored in SportEve.

Troubleshooting

Overlay not updating

Ensure the match is live in SportEve, the overlay URL is correct, and your internet connection is stable. The overlay needs to fetch data from SportEve every 2 seconds.

"Match not found" or "Missing parameters"

Check that the full overlay URL was pasted (including matchId, communityId, and tournamentId). Get a fresh link from the admin if needed.

Overlay is ahead of the video

Add the delay parameter to the URL (e.g. ?delay=20) to sync with your stream delay.