Streamlabs setup

Add the overlay

1. In the Sources panel, click + and choose Browser Source.
2. Name it "HockeyScore Scoreboard".
3. Paste your overlay URL into the URL field.
4. Set Width and Height to match your canvas:
   • 1080p: 1920 x 1080
   • 720p: 1280 x 720
5. Click Done.

Layer and lock it

1. In the Sources list, drag your overlay source above the camera/video source. The overlay must be higher in the list to appear on top.
2. Click the lock icon next to the overlay source to prevent accidental movement.

Position the overlay

The overlay is designed to fill the full canvas with the scoreboard positioned in the correct spot. After adding it:

• Use Fit to screen if available, or right-click → Transform → Reset Transform if it looks off.
• If you need to resize, use a corner handle to keep proportions correct.

If something looks wrong

Overlay behind the camera — Drag it above the video source in the Sources list.

Wrong size (too big, too small, cropped) — Right-click the source → Properties → set Width/Height to match your canvas resolution.

Overlay is blank — Open the overlay URL in a regular browser to confirm it loads. If it does, right-click the source and choose Refresh.

Overlay moves when you click around — Lock it using the lock icon in the Sources list.