1. Add a Browser Source
In OBS or Streamlabs Desktop, add a source and choose Browser. Name it “Motions”.
Live leaderboards and little celebrations, made for your scene.
Pick
a game, make it yours, and bring your audience along.
Names and scores are examples for layout only. The screenshot tests contrast behind your preview; your browser source stays transparent and shows live standings. Resize the source to reflow; resize its scene handles to scale.
Planning guides only. Position your source in OBS. Motions cannot detect other sources or platform interfaces.
In OBS or Streamlabs Desktop, add a source and choose Browser. Name it “Motions”.
Copy the URL above. Set Width and Height to your preview dimensions. Keep the default transparent CSS, or clear its background override when using chroma green.
Move the source above your gameplay. Right-click → Interact, then press T for a labeled test alert. Enable browser-source audio control to route the optional chime.
Suggested sizes: board 480 × 600 · alerts 640 × 240 · combined 480 × 840. Reuse an existing source across scenes to avoid duplicate audio. Keep “Shutdown source when not visible” and “Refresh browser when scene becomes active” off for continuity. A reload starts fresh unless it reconnects within 60 seconds. Browser audio may require opening Interact and pressing T before it can play.