Your first overlay in 10 minutes

Most overlay tools make you choose: easy and limited, or powerful and painful. Quadraviz drops that tradeoff. This guide walks through your first live scene — from blank dashboard to live scoreboard — in ten minutes.

#What you need

• An OBS, vMix, Streamlabs, or XSplit install
• A free Quadraviz account
• One stream to put on the air

#Create a channel

A channel is where your overlays live. One channel maps to one browser source in your encoder.

1. Open the dashboard and click New channel.
2. Name it something you'll recognize — "Main stream" works.
3. Quadraviz gives you a browser source URL. Copy it.

#Drop the URL into OBS

In OBS, add a new Browser source. Paste the URL. Set width to 1920 and height to 1080. That's it — the overlay is live.

// Behind the scenes, your scene is just a Rive file
// rendered into a Quadraviz channel.
const channel = await quadraviz.channels.create({
  name: 'Main stream',
  resolution: { width: 1920, height: 1080 },
});

#Pick a scene

Open the Scenes library. Pick a scoreboard you like. Click Use this scene.

The dashboard now shows live controls — team names, scores, a timer. Change anything. Watch it update on the stream.

#Go live

That's the whole loop: pick a scene, edit values, control the stream. Once you're comfortable, you can connect your match data via API or webhook so scores update themselves.

Ready to try it? Open the dashboard and create your first channel.