Follow cricket
How to show the live score on your own stream with OBS
You will put the CricoScore scoreboard on top of your own video in OBS. OBS then sends it to YouTube or Facebook.
Who can do this
Anyone who streams a match with OBS. You don't need an account to show the score. You need an account, and the right to score the match, to show cards and ads.
Before you start
A computer with OBS Studio (version 31 or newer is best).
The match's link on the website. It looks like
cricoscore.app/match/<match-name>. The last part is the match name.Your camera already in OBS.
Add the scoreboard
In OBS, under Sources, click +, then Browser. Name it "CricoScore score" and click OK.
In URL, type
https://cricoscore.app/overlay/<match-name>. Use the match name from the match's link.Set Width to 1920 and Height to 1080.
Leave Custom CSS as it is. The page is already see-through. You see only the score, not a white page.
Turn off "Shutdown source when not visible".
Turn off "Refresh browser when scene becomes active".
Click OK. Drag the scoreboard so it covers the whole picture. Keep it above your camera in the Sources list.
Your stream size
1080p (1920 × 1080): use the sizes above.
720p (1280 × 720): you can keep 1920 × 1080 and let OBS fit it to the picture. Or type 1280 and 720. The scoreboard grows or shrinks to fit.
Vertical, for Reels or Shorts (1080 × 1920): set Width to 1080 and Height to 1920. The score bar moves up and leaves the bottom and the right edge free for the app's buttons.
The size of the scoreboard must match the shape of your picture. If it does not, the score looks stretched.
Show cards and ads
The scoreboard changes by itself with every ball. To show a scorecard, a player card or an ad, open CricoStudio in another browser tab: https://cricoscore.app/overlay/<match-name>/control. You must log in, and you must be allowed to score the match.
What you find in CricoStudio:
Copy OBS link copies the scoreboard's address for step 2. Show preview shows a small copy of the scoreboard.
Overlay connected (1) means OBS has the scoreboard open. If it says No overlay open in OBS, the cards you press do not reach your stream. Check the Browser source in OBS.
The cards come first. Press a card to show it for about 10 seconds. Press Take it down to remove it early.
Keys: press 1 to 9 on the keyboard for the first nine cards (the small number on each card). Press Esc to take the card down.
Batter: career and Bowler: career have a list under them. Pick a player, then press the card. Leave it empty for the batter on strike or the bowler of the over.
Video ad asks "Start a video ad?" first, because it covers the whole picture, with sound.
Stop ad takes a video ad, L-band or pop-up off now. It asks "Stop the sponsor's ad?" first. The sponsor's report shows that the ad was stopped early.
A card you press during a video ad or an L-band waits. It shows when the ad ends.
If your account can't control the match, a red message at the top says so, and the buttons don't work.
Common problems
| Problem | What to do |
|---|---|
| I see nothing | Before the first ball you see both team names in the score bar's place. If you see nothing at all, check that the match name in the URL is right. Open the same URL in your browser: if the match is wrong, you see nothing there too. |
| I see a white page | Right-click the source, click Properties, and check that Custom CSS is the one OBS gave you. Click OK. |
| The score is stretched or too small | Width and Height must match your picture (see "Your stream size"). |
| The score goes away when I change scene | Turn off "Refresh browser when scene becomes active" and "Shutdown source when not visible" (steps 5 and 6). |
| The score stopped changing | Check the computer's internet. The scoreboard tries again by itself. To start it again now, right-click the source and click Refresh. |
| A card does not show | In CricoStudio, check that it says Overlay connected. Check that you are logged in. Read the message at the bottom of CricoStudio: it says why. Check the computer's internet. |