ABR Streaming

Client Metrics API

A drop-in beacon SDK that streams QoE sessions to an ingest API, plus a dashboard with aggregate rebuffer ratio, bitrate and play counts.

Live demo

watching posts a real session
Live QoE snapshot

Initializing session…

Drop-in integration
import { useAbrMetrics } from "@/lib/metrics-sdk";

const { onEvent, onStats } = useAbrMetrics({ videoSrc, videoTitle });

// Pipe the player's telemetry straight into the beacon SDK:
<VideoPlayer src={videoSrc} onEvent={onEvent} onStats={onStats} />;
// → sessions POST to /api/metrics/collect automatically.

QoE dashboard

polling every 5s
Sessionsclick a row for its event timeline
StartedVideoEngineWatchStartupRebuf.RatioAvg bitrateErrEnded