Channels
A channel is the browser source that lives in your encoder. One channel = one URL = one live render.
Channel basics
Every channel has:
- A scene it's currently displaying
- A resolution (usually matches your stream output)
- A state — the live values that drive the scene
ts
const channel = quadraviz.channels.create({
name: 'Main stream',
scene: sceneId,
resolution: { width: 1920, height: 1080 },
});
Adding a channel to OBS
Add a new Browser source. Paste the channel URL. Match width and height to your scene.
Tick Shutdown source when not visible and Refresh browser when scene becomes active for clean transitions.
Switching scenes live
You can swap the scene a channel is displaying without touching OBS. The browser source stays connected — only the rendered content changes.
ts
quadraviz.channels.setScene(channelId, newSceneId);
Multi-channel patterns
For multi-language or multi-sponsor productions, create one channel per output and bind them to a shared match or state object. Score updates fan out automatically; per-channel overrides handle the differences.
See the multi-channel post for a full case study.