Quick start
Five steps from signup to a live overlay on your stream.
1. Create an account
Sign up with your email. No card needed.
2. Create your first channel
In the dashboard, click New channel. Name it. Pick a resolution — 1920x1080 covers most streams.
Quadraviz gives you a browser source URL. Keep this tab open.
3. Add the channel to your encoder
Open OBS (or vMix, Streamlabs, XSplit). Add a new Browser source.
- URL — paste from the Quadraviz tab
- Width — 1920
- Height — 1080
- Refresh on activate — on
ts
// What's on the wire:
// Your channel URL is a thin WebGL/Rive renderer that
// subscribes to your channel's live state.
const channelUrl = 'https://controller.quadraviz.com/channel/abc123';
4. Pick a scene
In the Scenes panel, pick a scoreboard. The browser source updates instantly — you should see it appear on your stream.
5. Control it
The dashboard now shows live controls. Change team names, scores, timers. Each edit pushes to the channel in real time.
That's it. You're producing.
Where to go next
- Scenes — design your own
- Animations — bring in Rive files
- API — automate score updates