@mebius-io/web 0.4.0 → 0.4.1

package/dist/index.global.js

@@ -42764,6 +42764,28 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
     }
   };
 
+  // src/internal/autoplay.ts
+  function isAutoplayBlocked(e) {
+    return typeof e === "object" && e !== null && e.name === "NotAllowedError";
+  }
+  async function playWithAutoplayFallback(video) {
+    video.playsInline = true;
+    try {
+      await video.play();
+      return { mutedByPolicy: false };
+    } catch (e) {
+      if (!isAutoplayBlocked(e) || video.muted) throw e;
+      video.muted = true;
+      await video.play();
+      return { mutedByPolicy: true };
+    }
+  }
+  function resetVideoElement(video) {
+    video.srcObject = null;
+    video.removeAttribute("src");
+    video.load();
+  }
+
   // src/internal/ll-view-transport.ts
   var WhepViewTransport = class {
     constructor(signaling) {
@@ -42772,6 +42794,10 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       this.resourceUrl = null;
       this.endedCb = null;
       this.bufferingCb = null;
+      /** Element this route attached a MediaStream to, so stop() can release it. */
+      this.video = null;
+      /** True when playback only started because the element had to be muted. */
+      this.mutedByPolicy = false;
     }
     onEnded(cb) {
       this.endedCb = cb;
@@ -42780,6 +42806,7 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       this.bufferingCb = cb;
     }
     async start(streamId, video) {
+      this.video = video;
       const pc = new RTCPeerConnection(DEFAULT_RTC_CONFIG);
       this.pc = pc;
       const remote = new MediaStream();
@@ -42788,7 +42815,9 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       pc.ontrack = (ev) => {
         remote.addTrack(ev.track);
         video.srcObject = remote;
-        void video.play().catch(() => {
+        void playWithAutoplayFallback(video).then((o) => {
+          this.mutedByPolicy = o.mutedByPolicy;
+        }).catch(() => {
         });
       };
       pc.onconnectionstatechange = () => {
@@ -42815,6 +42844,8 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       this.resourceUrl = null;
       this.pc?.close();
       this.pc = null;
+      if (this.video) resetVideoElement(this.video);
+      this.video = null;
     }
     async getStats() {
       if (!this.pc) return null;
@@ -42852,6 +42883,8 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       this.video = null;
       this.endedCb = null;
       this.bufferingCb = null;
+      /** True when playback only started because the element had to be muted. */
+      this.mutedByPolicy = false;
     }
     onEnded(cb) {
       this.endedCb = cb;
@@ -42866,7 +42899,7 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       video.addEventListener("waiting", () => this.bufferingCb?.());
       if (video.canPlayType("application/vnd.apple.mpegurl")) {
         video.src = url;
-        await video.play().catch(() => void 0);
+        this.mutedByPolicy = (await playWithAutoplayFallback(video)).mutedByPolicy;
         return;
       }
       let mod;
@@ -42879,14 +42912,14 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       if (!Hls2.isSupported()) {
         throw mebiusError("CONNECTION_FAILED", "Scale playback is not supported in this browser.");
       }
-      const hls = new Hls2({ lowLatencyMode: true });
+      const hls = new Hls2();
       this.hls = hls;
       hls.on(Hls2.Events.ERROR, (_evt, data) => {
         if (data.fatal) this.bufferingCb?.();
       });
       hls.loadSource(url);
       hls.attachMedia(video);
-      await video.play().catch(() => void 0);
+      this.mutedByPolicy = (await playWithAutoplayFallback(video)).mutedByPolicy;
     }
     async stop() {
       this.hls?.destroy();
@@ -42916,6 +42949,8 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       this.video = null;
       this.endedCb = null;
       this.bufferingCb = null;
+      /** True when playback only started because the element had to be muted. */
+      this.mutedByPolicy = false;
     }
     onEnded(cb) {
       this.endedCb = cb;
@@ -42943,7 +42978,7 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       player.on(flvjs.Events.ERROR ?? "error", () => this.bufferingCb?.());
       player.attachMediaElement(video);
       player.load();
-      await Promise.resolve(player.play()).catch(() => void 0);
+      this.mutedByPolicy = (await playWithAutoplayFallback(video)).mutedByPolicy;
     }
     async stop() {
       if (this.player) {
@@ -43000,7 +43035,7 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
   }
 
   // src/internal/telemetry.ts
-  var SDK_VERSION = "web/0.4.0";
+  var SDK_VERSION = "web/0.4.1";
   var FLUSH_INTERVAL_MS = 15e3;
   var MAX_BATCH = 64;
   function describeDevice() {
@@ -43216,6 +43251,7 @@ Schedule: ${scheduleItems.map((seg) => segmentToString(seg))} pos: ${this.timeli
       let lastError = null;
       for (const candidate of this.candidates) {
         try {
+          resetVideoElement(video);
           this.attach(candidate);
           await candidate.start(streamId, video);
           if (await hasFirstFrame(video)) {