📺 How to Add SportEve Overlay in OBS

Which overlay URL?

Copy links from Manage → Overlay on the website, or from the tournament Streaming tab / Live scoring & overlay action in the SportEve app. The app copies OBS URLs. Layout, colour themes, court URLs, and what to show on the scorebug are on the website Overlay page — the app has a button that opens it.

• Tournament overlay — one URL for the whole tournament. It follows whichever match is live. Use this when there is a single court and matches happen one after another. Football already uses this as the default tournament link.
  https://sporteveindia.com/overlay/set-match?communityId=…&tournamentId=…
• Court overlay — one URL per court on the venue. Paste Court 1 into the Court 1 OBS scene, Court 2 into Court 2, and so on (any number of courts). The page follows the live match assigned to that court. If a match has no court, this URL cannot show it — assign a court, or use the match URL.
  https://sporteveindia.com/overlay/set-match?communityId=…&tournamentId=…&courtId=…
• Match overlay — pinned to one match id. Use for a dedicated final or a one-off stream.
  https://sporteveindia.com/overlay/set-match?matchId=…&communityId=…&tournamentId=…

Cricket uses /overlay/match, football uses /overlay/football-match, volleyball uses /overlay/volleyball-match, and basketball uses /overlay/basketball-match. Same query style (communityId, tournamentId, optional matchId / courtId).

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

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.

Player auction overlay

For a live player auction (cricket, football, or badminton franchise drafts), copy the stream overlay link from Live auction in the SportEve app, or from the organizer strip on the public tournament page. Add it as a Browser Source the same way as the cricket scoreboard.

• Width: 1920 px. Height: about 220 px, placed at the bottom of the canvas.
• The bar shows the current player, high bid, leading franchise, and sold / unsold results.
• Use the separate TV display link for the hall projector. That page is full-screen and is not meant for OBS.
• YouTube delay: append &delay=15 (or your stream delay in seconds).

Customize on the website

The SportEve app copies OBS Browser Source URLs and a few defaults (cricket scorecard style, football colour theme, delay, sponsors). The website Overlay page has more:

• Colour themes per sport (cricket, football, badminton, tennis, padel, squash, volleyball, basketball)
• Full-bar vs corner layout for set-based sports
• What to show: logos, commentary, live badge, SportEve mark
• Tournament-follow, per-court, and per-match URLs in one place

Sign in at sporteveindia.com, open the tournament, then Manage → Overlay. Direct link shape: https://sporteveindia.com/publish/manage/?c=…&t=…&section=overlay

What the cricket 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