Realtime Messaging — Single-Page Demo

To run this demo: 1. Open the dashboard at dashboard.metered.ca, create a pk_live_ key (Realtime Messaging → Keys → Create key, type Publishable). Tick the Send checkbox under "What can this key do?" — it's off by default for publishable keys, but the WebRTC layer uses it to exchange SDP / ICE between peers. Without it, the demo connects but video never negotiates. 2. Replace pk_live_REPLACE_ME below with your key. 3. Save the file and open it in two browser tabs.

This demo demonstrates: presence (who's in the room), peer.send() for chat broadcasts, peer.addStream() for video fan-out, and stream-added for receiving remote streams. TURN credentials are auto-injected (no manual setup required) so the call works behind symmetric NAT.

Full SDK reference: metered.ca/docs/realtime-messaging/sdk-javascript