Supported streaming software

SR WEBX graphics are web pages with a transparent background. Any application that can show a web page as a layer can display them.

Use 1920 × 1080 for 16:9 overlays and 1080 × 1920 for 9:16 vertical overlays. Keep each overlay link private — anyone with the link can view the graphic.

OBS Studio

In Sources, click + and choose Browser.
Paste the overlay URL from Overlay URLs in your dashboard.
Set width 1920 and height 1080 (or 1080 × 1920 for vertical).
Leave Custom CSS empty or remove its default background rule; the page is already transparent.
Tick Refresh browser when scene becomes active only if you want a clean reload when switching scenes.
Position the source over your camera layer and lock it. To reload manually, right-click the source → Refresh.

vMix

Click Add Input → Web Browser.
Paste the overlay URL and set the size to 1920 × 1080.
Add the input to an overlay channel (1–4) and turn it on. vMix renders the transparent background as transparent.
To reload, right-click the input → Web Browser → Refresh.

Streamlabs Desktop

In a scene, click + → Browser Source.
Paste the overlay URL; set width 1920 and height 1080.
Clear the custom CSS field if it adds a background colour.
Use Refresh cache of current page in the source properties to reload.

PRISM Live Studio (desktop)Add a source and choose Web (web page / browser source).
Paste the overlay URL and set the canvas size to match your output.
Place the web layer above your camera. Web sources are supported on PRISM for PC/Mac; the mobile app’s overlay options vary by version, so test before your event.

Scaling, positioning and refreshing

Graphics are designed for a 1920 × 1080 canvas with safe margins. If your canvas is 1280 × 720, keep the source at 1920 × 1080 and scale it to fit — text stays sharp. Adjust position and size per overlay in your dashboard. Overlays reconnect on their own after a network drop and never replay old FOUR/SIX/WICKET animations; refresh is only needed after changing an overlay's type or aspect ratio.

Available graphics

Graphic	What it shows
Full broadcast package	Score bar, player cards, sponsor and event graphics in one source — driven by the Broadcast Control Room.
Main scoreboard	Full score bar with batters, bowler, run rate and target.
Compact score ticker	Small score bug for a screen corner.
Current batter card	Striker (or a selected batter) statistics card.
Current bowler card	Current bowler figures card.
Full scorecard	Batting and bowling card for the current innings.
Last-over summary	Ball-by-ball summary of the last completed over.
Partnership card	Current partnership with each batter’s contribution.
FOUR animation	Plays when a four is scored.
SIX animation	Plays when a six is scored.
WICKET animation	Plays when a wicket falls, with dismissal details.
Fifty milestone	Plays when a batter reaches 50.
Century milestone	Plays when a batter reaches 100.
Innings-break graphic	First-innings summary at the break.
Target graphic	Chase target, overs and required rate.
Match-result graphic	Final result and winner.
Tournament standings	Points table for the match’s tournament.
Sponsor banner	Rotating sponsor logos and banners.

Compatibility has been tested with Chromium-based browser sources. Always run a rehearsal with your exact software version before going live.