ObserveRTC

OPEN-SOURCE WEBRTC OBSERVABILITY

Understand Every
WebRTC Connection.

From browser statistics to the full call picture. Collect live metrics, detect issues, and see how your real-time application performs.

Get started →Try the live example ↗

TypeScript libraries · Your transport · Your infrastructure

// Start with your peer connection.
import { ClientMonitor } from '@observertc/client-monitor-js';

const monitor = new ClientMonitor();

// Add your peer connection to monitor.
monitor.addSource(peerConnection);

// Explore metrics, issues, and samples.
// Connect them to your own backend.

FROM ENDPOINT TO CALL

From Signals to Insights.

A modular toolkit for understanding WebRTC, from a single peer connection to participants, tracks, and calls.

  1. 01 / COLLECT

    Browser statistics

    Start with measurements from your existing peer connection.

    getStats()
  2. 02 / INTERPRET

    Client Monitor

    Read live metrics, detect endpoint issues and calculate quality scores.

    Explore Client Monitor →
  3. 03 / TRANSPORT

    Send telemetry

    Bring browser observations to your backend and start building the call picture.

    Connect your backend →
  4. 04 / CORRELATE

    Observer

    Reconstruct participants, tracks and calls. Analyze issues across endpoints.

    Explore Observer →

See the signals in a live connection

Try the live example to explore Client Monitor while a WebRTC session runs.

Open live example ↗

PROJECT NOTES

From the blog

All posts →