Skip to main content

Overlays

Get shareable URLs for game graphics (score banner, box score, MVP, etc.) that can be loaded as browser sources in third-party video production tools (OBS, vMix, Wirecast, XSplit, etc.).

Use these overlays when you broadcast your games outside of Mismatch Streaming — for example, when a separate video crew produces the stream — and want the same live graphics that the Mismatch Full tier provides.

  1. Open the Calendar and click on the game event

  2. In the event details popup, click "Get Overlay Links"

  3. A text file is downloaded with the name: overlays - YYYY-MM-DD - {event title}.txt

  4. Open the file. Each overlay is listed as a label followed by a tokenized URL:

    Score Banner
    https://app.mismatch.gr/v1/overlays/{gameId}/Scorebanner?token=...

    Box Score
    https://app.mismatch.gr/v1/overlays/{gameId}/Boxscore?token=...

    ...

  5. Send the file to your video operator. They paste the URLs into their production software as browser sources to display the overlays during the broadcast.

Who can download the file

The "Get Overlay Links" action is available to organization Owners and Admins when:

  • The Stats addon is enabled for the organization
  • The event is a game (not a practice or other event type)
  • The game has stats tracking enabled
  • The game has not been closed or completed yet

Available Overlays​

Each overlay is a self-contained web page that updates automatically while the game is in progress. The file you download includes every overlay below — your video operator picks the ones they want to display and switches between them as needed during the broadcast.

OverlayDescription
Score BannerLive scoreboard with team names, logos, score, period, and game clock. Typically displayed throughout the broadcast.
Paused BannerStatic banner shown when the stream is paused (timeouts, breaks).
Box ScoreFull box score with player stats for both teams. Best displayed during breaks.
Box Score by QuarterScore breakdown by period.
Box Score (End of Quarter)Box score summary designed to be shown at the end of each quarter.
Scoreboard TemplateCompact scoreboard graphic.
Score Evolution DifferenceChart showing how the score difference evolved through the game.
Team ShotsShot chart with attempts and makes for both teams.
StartersStarting lineups for both teams. Best displayed before tip-off.
Team ComparisonSide-by-side team statistics.
Best PerformanceTop-performing players by quarter and overall.
MVPMVP card highlighting the standout player.
RosterFull roster card for each team.

Using the URLs in OBS​

Each URL is a regular HTTPS web page designed to be embedded as a Browser Source. Overlays are rendered at 1920×1080 (Full HD) — match this resolution in your production software for the sharpest result. As an example, in OBS:

  1. In the Sources panel, click + → Browser
  2. Name the source (e.g., "Score Banner")
  3. Paste the corresponding URL from the downloaded file into the URL field
  4. Set Width to 1920 and Height to 1080
  5. Click OK

The overlay appears in your scene with a transparent background and updates automatically as the game progresses. Repeat for each overlay you want available, and toggle their visibility from your production software during the broadcast.

The same approach works in vMix, Wirecast, XSplit, and any other tool that supports a web browser source — use the same 1920×1080 size for the browser input.

Security & Sharing​

  • Each URL contains a token that grants read-only access to that specific game's overlays. Treat the file as you would a shared link — anyone with the URLs can display the overlays.
  • Tokens are scoped to the single game and cannot be used to access other games or to modify any data.
  • The links remain valid for the duration of the game. If you need a new file later, click "Get Overlay Links" again from the event popup.