Safari Bitrate Monitor

Simple approach to monitor bitrate changes in Safari, on the native video element

Simple Usage

  import { SafariBitrateMonitor } from "@eyevinn/safari-bitrate-monitor";

  const videoElement = document.querySelector("video");
  
  function handler = (qualityLevel) => {
    console.log(`bitrate changed –>`, qualityLevel);
  };  
  const src = ""; //HLS Manifest url
  
  new SafariBitrateMonitor({
    videoElement,
    hlsManifestUrl: src,
    handler
    bitratePollInterval: 2 * 1000 // Optional. Check every other second
  });

Quality Object

export interface IQualityLevel {
  bitrate: number;
  width: number;
  height: number;
}

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 work@eyevinn.se!