fix: simplified initialization

Author: slowmove

demo/demo.js

@@ -5,7 +5,10 @@ document.addEventListener("DOMContentLoaded", () => {
   const handler = (quality) => {
     console.log(`bitrate changed –>`, quality);
   };
-  const safariBitrateMonitor = new SafariBitrateMonitor(handler);
   const src = "https://lbs-usp-hls-vod.cmore.se/vod/36af2/mdbyobowjbn(13730007_ISMUSP).ism/mdbyobowjbn(13730007_ISMUSP).m3u8?hls_no_audio_only=true";
-  safariBitrateMonitor.load(videoElement, "https://lbs-usp-hls-vod.cmore.se/vod/36af2/mdbyobowjbn(13730007_ISMUSP).ism/mdbyobowjbn(13730007_ISMUSP).m3u8?hls_no_audio_only=true");
+  new SafariBitrateMonitor({
+    videoElement,
+    hlsManifestUrl: src,
+    handler
+  });
 });

index.ts

@@ -20,19 +20,31 @@ const BITRATE_POLL_INTERVAL = 5 * 1000;
 
 export class SafariBitrateMonitor {
   private videoElement: HTMLVideoElement;
+  private handler: (qualityLevel: IQualityLevel) => void;
 
   private currentBitrate: number;
   private playlists: IHLSPlaylist[] = [];
   private bitrateInterval: number;
 
-  constructor(private handler: (data: IQualityLevel) => void) {}
-
-  async load(videoElement: HTMLVideoElement, hlsManifestUrl: string): Promise<void> {
+  constructor({
+    videoElement,
+    hlsManifestUrl,
+    handler,
+  }: {
+    videoElement: HTMLVideoElement;
+    hlsManifestUrl: string;
+    handler: (qualityLevel: IQualityLevel) => void;
+  }) {
     if (!videoElement || !hlsManifestUrl) {
       console.error("[SafariBitrateMonitor] Missing video element or manifest url");
       return;
     }
     this.videoElement = videoElement;
+    this.handler = handler;
+    this.init(hlsManifestUrl);
+  }
+
+  private async init(hlsManifestUrl: string): Promise<void> {
     this.playlists = await this.getPlaylists(hlsManifestUrl);
     if (this.playlists.length) {
       this.startBitratePoll();

readme.md

@@ -12,11 +12,14 @@ A small package to monitor buffering and dropped frames on the video element, re
 
   function handler = (qualityLevel) => {
     console.log(`bitrate changed –>`, qualityLevel);
-  };
-
-  const safariBitrateMonitor = new SafariBitrateMonitor(handler);
+  };  
   const src = ""; //HLS Manifest url
-  safariBitrateMonitor.load(videoElement, src);
+  
+  new SafariBitrateMonitor({
+    videoElement,
+    hlsManifestUrl: src,
+    handler
+  });
 ```
 
 ## Quality Object