@eyevinn/video-quality-monitor

Video Quality Monitor

A small package to monitor buffering and dropped frames on the video element, reporting it back as state updates into a sent in callback.

Simple Usage

  import { VideoQualityMonitor } from "@eyevinn/video-quality-monitor";

  const videoElement = document.querySelector("video");
  
  function handler = (state) => {
    console.log(`state changed –>`, state);
  };

  new VideoQualityMonitor(videoElement, handler);

State Object

export interface IQualityState {
  watchedDuration: number;

  watchedFrames: number;
  droppedFrames: number;
  droppedFramesRatio: number;
  
  bufferingEvents: number;
  bufferingDuration: number;
  bufferRatio: number;

  qualityPoints: number;
}

Data

• watchedDuration, how many seconds of content has been played

• watchedFrames, how many total frames should have been viewed

• droppedFrames, how many of these total frames have been dropped

• droppedFramesRatio

• bufferingEvents, how many times have playback been stopped due to buffering

• bufferingDuration, for how long have this buffering been stalling

• bufferRatio, the ratio of stalled buffering vs watched duration

• qualityPoints, calculation of the experience

About Eyevinn Technology

Eyevinn Technology is an independent consultant firm specialized in video and streaming. Independent in the sense that we are not commercially tied to any platform or technology vendor.

At Eyevinn, every software developer consultant has a dedicated budget reserved for open source development and contribution to the open source community. This gives us room for innovation, team building and personal competence development. And also gives us as a company a way to contribute back to the open source community.

Want to know more about Eyevinn and how it is to work here. Contact us at [e-mail]!