Service
Whiteboard (Super Board)
A collaborative realtime whiteboard that rides your existing call — strokes sync over the room's data channel, so there's no extra service to run.
Tip:Available in the Web / React Native SDK. It reuses the connected room, so anyone in the call can draw together.
Use it
Hand the Whiteboard a connected room and a <canvas>. It captures pointer input, draws locally, and broadcasts each stroke to everyone else in the room:
whiteboard.ts
1import { Whiteboard } from "@socrits/client";23// a shared canvas synced over the room's data channel (no extra backend)4const canvas = document.getElementById("board");5const wb = new Whiteboard(room, canvas, { color: "#111", width: 3 });67wb.setColor("#e5484d");8wb.setWidth(6);9wb.clear(); // clears for everyone10// later11wb.destroy();How it works
- Strokes are published on the room data channel (reliable, topic "whiteboard").
- Coordinates are normalized 0–1, so different screen sizes stay in sync.
- No server component — it's peer-to-peer over the SFU's data path.
- clear() broadcasts a clear; destroy() detaches listeners.
Note:Whiteboard minutes are billed under the Super Board package (see the console).