stormcloud-video-player 0.2.1 → 0.2.4

package/lib/players/HlsPlayer.cjs

@@ -39,7 +39,7 @@ var import_react = require("react");
 var import_hls = __toESM(require("hls.js"), 1);
 
 // src/sdk/ima.ts
-function createImaController(video) {
+function createImaController(video, options) {
   let adPlaying = false;
   let originalMutedState = false;
   const listeners = /* @__PURE__ */ new Map();
@@ -232,8 +232,10 @@ function createImaController(video) {
                         "[IMA] Max retries reached, emitting ad_error"
                       );
                       emit("ad_error");
-                      video.play().catch(() => {
-                      });
+                      if (!options?.continueLiveStreamDuringAds) {
+                        video.play().catch(() => {
+                        });
+                      }
                     }
                   }
                 );
@@ -243,7 +245,14 @@ function createImaController(video) {
                     console.log("[IMA] Content pause requested");
                     originalMutedState = video.muted;
                     video.muted = true;
-                    video.pause();
+                    if (!options?.continueLiveStreamDuringAds) {
+                      video.pause();
+                      console.log("[IMA] Video paused (VOD mode)");
+                    } else {
+                      console.log(
+                        "[IMA] Video continues playing but muted (Live mode)"
+                      );
+                    }
                     adPlaying = true;
                     if (adContainerEl)
                       adContainerEl.style.pointerEvents = "auto";
@@ -258,8 +267,15 @@ function createImaController(video) {
                     video.muted = originalMutedState;
                     if (adContainerEl)
                       adContainerEl.style.pointerEvents = "none";
-                    video.play().catch(() => {
-                    });
+                    if (!options?.continueLiveStreamDuringAds) {
+                      video.play().catch(() => {
+                      });
+                      console.log("[IMA] Video resumed (VOD mode)");
+                    } else {
+                      console.log(
+                        "[IMA] Video unmuted (Live mode - was never paused)"
+                      );
+                    }
                     emit("content_resume");
                   }
                 );
@@ -268,8 +284,17 @@ function createImaController(video) {
                   adPlaying = false;
                   video.muted = originalMutedState;
                   if (adContainerEl) adContainerEl.style.pointerEvents = "none";
-                  video.play().catch(() => {
-                  });
+                  if (!options?.continueLiveStreamDuringAds) {
+                    video.play().catch(() => {
+                    });
+                    console.log(
+                      "[IMA] Video resumed after all ads completed (VOD mode)"
+                    );
+                  } else {
+                    console.log(
+                      "[IMA] Video unmuted after all ads completed (Live mode)"
+                    );
+                  }
                   emit("all_ads_completed");
                 });
                 console.log("[IMA] Ads manager event listeners attached");
@@ -283,8 +308,10 @@ function createImaController(video) {
                 adPlaying = false;
                 video.muted = originalMutedState;
                 if (adContainerEl) adContainerEl.style.pointerEvents = "none";
-                video.play().catch(() => {
-                });
+                if (!options?.continueLiveStreamDuringAds) {
+                  video.play().catch(() => {
+                  });
+                }
                 if (adsLoadedReject) {
                   adsLoadedReject(new Error("Failed to setup ads manager"));
                   adsLoadedReject = void 0;
@@ -338,8 +365,14 @@ function createImaController(video) {
         const height = video.clientHeight || 360;
         console.log(`[IMA] Initializing ads manager (${width}x${height})`);
         adsManager.init(width, height, window.google.ima.ViewMode.NORMAL);
-        console.log("[IMA] Pausing video for ad playback");
-        video.pause();
+        if (!options?.continueLiveStreamDuringAds) {
+          console.log("[IMA] Pausing video for ad playback (VOD mode)");
+          video.pause();
+        } else {
+          console.log(
+            "[IMA] Keeping video playing but muted for ad playback (Live mode)"
+          );
+        }
         adPlaying = true;
         console.log("[IMA] Starting ad playback");
         adsManager.start();
@@ -347,8 +380,10 @@ function createImaController(video) {
       } catch (error) {
         console.error("[IMA] Error starting ad playback:", error);
         adPlaying = false;
-        video.play().catch(() => {
-        });
+        if (!options?.continueLiveStreamDuringAds) {
+          video.play().catch(() => {
+          });
+        }
         return Promise.reject(error);
       }
     },
@@ -359,8 +394,13 @@ function createImaController(video) {
         adsManager?.stop?.();
       } catch {
       }
-      video.play().catch(() => {
-      });
+      if (!options?.continueLiveStreamDuringAds) {
+        video.play().catch(() => {
+        });
+        console.log("[IMA] Video resumed after stop (VOD mode)");
+      } else {
+        console.log("[IMA] Video unmuted after stop (Live mode)");
+      }
     },
     destroy() {
       try {
@@ -657,9 +697,12 @@ var StormcloudVideoPlayer = class {
     this.currentAdIndex = 0;
     this.totalAdsInBreak = 0;
     this.showAds = false;
+    this.isLiveStream = false;
     this.config = config;
     this.video = config.videoElement;
-    this.ima = createImaController(this.video);
+    this.ima = createImaController(this.video, {
+      continueLiveStreamDuringAds: false
+    });
   }
   async load() {
     if (!this.attached) {
@@ -678,6 +721,22 @@ var StormcloudVideoPlayer = class {
     this.initializeTracking();
     if (this.shouldUseNativeHls()) {
       this.video.src = this.config.src;
+      this.isLiveStream = this.config.lowLatencyMode ?? false;
+      if (this.config.debugAdTiming) {
+        console.log(
+          "[StormcloudVideoPlayer] allowNativeHls: true - VOD mode detected:",
+          {
+            isLive: this.isLiveStream,
+            allowNativeHls: this.config.allowNativeHls,
+            adBehavior: "vod (main video pauses during ads)"
+          }
+        );
+      }
+      this.ima.destroy();
+      this.ima = createImaController(this.video, {
+        continueLiveStreamDuringAds: false
+      });
+      this.ima.initialize();
       if (this.config.autoplay) {
         await this.video.play().catch(() => {
         });
@@ -695,7 +754,23 @@ var StormcloudVideoPlayer = class {
     this.hls.on(import_hls.default.Events.MEDIA_ATTACHED, () => {
       this.hls?.loadSource(this.config.src);
     });
-    this.hls.on(import_hls.default.Events.MANIFEST_PARSED, async () => {
+    this.hls.on(import_hls.default.Events.MANIFEST_PARSED, async (_, data) => {
+      this.isLiveStream = this.hls?.levels?.some(
+        (level) => level?.details?.live === true || level?.details?.type === "LIVE"
+      ) ?? false;
+      if (this.config.debugAdTiming) {
+        const adBehavior = this.shouldContinueLiveStreamDuringAds() ? "live (main video continues muted during ads)" : "vod (main video pauses during ads)";
+        console.log("[StormcloudVideoPlayer] Stream type detected:", {
+          isLive: this.isLiveStream,
+          allowNativeHls: this.config.allowNativeHls,
+          adBehavior
+        });
+      }
+      this.ima.destroy();
+      this.ima = createImaController(this.video, {
+        continueLiveStreamDuringAds: this.shouldContinueLiveStreamDuringAds()
+      });
+      this.ima.initialize();
       if (this.config.autoplay) {
         await this.video.play().catch(() => {
         });
@@ -1321,6 +1396,15 @@ var StormcloudVideoPlayer = class {
     }
     return !!(this.config.allowNativeHls && !(this.config.showCustomControls ?? false));
   }
+  shouldContinueLiveStreamDuringAds() {
+    if (this.config.allowNativeHls) {
+      return false;
+    }
+    if (!this.isLiveStream) {
+      return false;
+    }
+    return true;
+  }
   async loadDefaultVastFromAdstorm(adstormApiUrl, params) {
     const usp = new URLSearchParams(params || {});
     const url = `${adstormApiUrl}?${usp.toString()}`;
@@ -1635,6 +1719,9 @@ var StormcloudVideoPlayer = class {
   isFullscreen() {
     return !!document.fullscreenElement;
   }
+  isLive() {
+    return this.isLiveStream;
+  }
   get videoElement() {
     return this.video;
   }