Setup Guides

Learn how to add Scoreboardly overlays to your streaming software

Streaming Software

OBS Studio

Free, open-source streaming software

Streamlabs

Popular streaming platform

vMix

Professional production software

Wirecast

Broadcast production suite

XSplit

Gaming and live streaming

PRISM Live

Mobile streaming app

YoloBox

Portable encoder

Ecamm Live

Mac streaming software

Display Options

TV / Projector

Display scoreboards at your venue

Multi-Layout

Run different layouts simultaneously

Integrations

Stream Deck

Physical button control

API

Programmatic control

🎬 Chroma Key Setup

When to Use Chroma Key

Most streaming software supports transparent browser sources directly. However, some setups (like hardware encoders or older software) may require chroma key instead.

Add to Your Overlay URL:

?bg=chroma&keyColor=green

Available Colors:

green

blue

magenta

OBS Chroma Key Setup

1Add Browser Source with chroma key overlay URL
2Right-click the source → Filters
3Click + → Add Chroma Key
4Select Green (or your chosen color)
5Adjust Similarity to ~1 for clean edges

💡 Tip: For best results, avoid team colors that match your chroma key color!

Quick Tips

Overlay URL Parameters

?layout=bug - Compact scorebug
?layout=wide-bar - Bottom bar
?layout=fullboard - Venue display
?layout=minimal - Just scores
?bg=chroma&keyColor=green - Chroma key mode
?celebrate=0 - Disable celebrations
?noAnim=1 - Disable all animations
?debug=1 - Show debug info

Recommended Settings

Browser source size: 1920×1080
Match your stream resolution
Enable transparency (where required)
Test before going live
Keep control panel on separate device