stormcloud-video-player 0.2.22 → 0.2.24

package/lib/index.cjs

@@ -506,9 +506,13 @@ function createImaController(video, options) {
           adsLoader.addEventListener(
             google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,
             (evt) => {
-              console.log("[IMA] Ads manager loaded");
+              console.log(
+                "[IMA] Ads manager loaded - enabling preloading for continuous playback"
+              );
               try {
-                adsManager = evt.getAdsManager(video);
+                const adsRenderingSettings = new google.ima.AdsRenderingSettings();
+                adsRenderingSettings.enablePreloading = true;
+                adsManager = evt.getAdsManager(video, adsRenderingSettings);
                 const AdEvent = google.ima.AdEvent.Type;
                 const AdErrorEvent = google.ima.AdErrorEvent.Type;
                 adsManager.addEventListener(
@@ -605,6 +609,18 @@ function createImaController(video, options) {
                     adPlaying = false;
                     setAdPlayingFlag(false);
                     emit("content_resume");
+                    setTimeout(() => {
+                      const stillInPod = video.dataset.stormcloudAdPlaying === "true";
+                      if (stillInPod) {
+                        console.log(
+                          "[IMA] Still in ad pod - keeping ad container visible (black screen)"
+                        );
+                        if (adContainerEl) {
+                          adContainerEl.style.display = "flex";
+                          adContainerEl.style.pointerEvents = "auto";
+                        }
+                      }
+                    }, 50);
                   }
                 );
                 adsManager.addEventListener(AdEvent.ALL_ADS_COMPLETED, () => {
@@ -1154,6 +1170,18 @@ function createHlsAdPlayer(contentVideo, options) {
     adPlaying = false;
     setAdPlayingFlag(false);
     emit("content_resume");
+    setTimeout(() => {
+      const stillInPod = contentVideo.dataset.stormcloudAdPlaying === "true";
+      if (stillInPod) {
+        console.log(
+          "[HlsAdPlayer] Still in ad pod - keeping ad container visible (black screen)"
+        );
+        if (adContainerEl) {
+          adContainerEl.style.display = "flex";
+          adContainerEl.style.pointerEvents = "auto";
+        }
+      }
+    }, 50);
   }
   function handleAdError() {
     console.log("[HlsAdPlayer] Handling ad error");
@@ -2212,9 +2240,12 @@ var StormcloudVideoPlayer = class {
       if (remaining > 500 && this.adPodQueue.length > 0) {
         const next = this.adPodQueue.shift();
         this.currentAdIndex++;
+        this.video.dataset.stormcloudAdPlaying = "true";
+        this.video.muted = true;
+        this.video.volume = 0;
         if (this.config.debugAdTiming) {
           console.log(
-            `[StormcloudVideoPlayer] Playing next ad in pod (${this.currentAdIndex}/${this.totalAdsInBreak}) - main video stays muted, ad layer stays visible`
+            `[StormcloudVideoPlayer] Playing next ad in pod (${this.currentAdIndex}/${this.totalAdsInBreak}) - IMMEDIATELY starting next ad`
           );
         }
         this.playSingleAd(next).catch(() => {
@@ -2799,25 +2830,21 @@ var StormcloudVideoPlayer = class {
       this.video.currentTime * 1e3
     );
     const tags = this.selectVastTagsForBreak(scheduled);
-    let vastTagUrl;
+    let vastTagUrls = [];
     if (this.apiVastTagUrl) {
-      vastTagUrl = this.apiVastTagUrl;
-      this.adPodQueue = [];
-      this.currentAdIndex = 0;
-      this.totalAdsInBreak = 1;
+      vastTagUrls = [this.apiVastTagUrl];
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Using VAST endpoint:", vastTagUrl);
+        console.log(
+          "[StormcloudVideoPlayer] Using VAST endpoint:",
+          this.apiVastTagUrl
+        );
       }
     } else if (tags && tags.length > 0) {
-      vastTagUrl = tags[0];
-      const rest = tags.slice(1);
-      this.adPodQueue = rest;
-      this.currentAdIndex = 0;
-      this.totalAdsInBreak = tags.length;
+      vastTagUrls = tags;
       if (this.config.debugAdTiming) {
         console.log(
-          "[StormcloudVideoPlayer] Using scheduled VAST tag:",
-          vastTagUrl
+          "[StormcloudVideoPlayer] Using scheduled VAST tags (count: " + tags.length + "):",
+          tags
         );
       }
     } else {
@@ -2826,16 +2853,23 @@ var StormcloudVideoPlayer = class {
       }
       return;
     }
-    if (vastTagUrl) {
+    if (vastTagUrls.length > 0) {
       this.inAdBreak = true;
       this.showAds = true;
-      this.currentAdIndex++;
+      this.currentAdIndex = 0;
+      this.totalAdsInBreak = vastTagUrls.length;
+      this.adPodQueue = [...vastTagUrls];
+      if (this.config.debugAdTiming) {
+        console.log(
+          `[StormcloudVideoPlayer] Starting ad pod with ${vastTagUrls.length} ads - will play continuously`
+        );
+      }
       try {
-        await this.playSingleAd(vastTagUrl);
+        await this.playAdPod();
       } catch (error) {
         if (this.config.debugAdTiming) {
           console.error(
-            "[StormcloudVideoPlayer] Ad playback failed in handleAdStart:",
+            "[StormcloudVideoPlayer] Ad pod playback failed:",
             error
           );
         }
@@ -2848,6 +2882,22 @@ var StormcloudVideoPlayer = class {
       this.scheduleAdStopCountdown(this.expectedAdBreakDurationMs);
     }
   }
+  async playAdPod() {
+    if (this.adPodQueue.length === 0) {
+      if (this.config.debugAdTiming) {
+        console.log("[StormcloudVideoPlayer] No ads in pod to play");
+      }
+      return;
+    }
+    const firstAd = this.adPodQueue.shift();
+    this.currentAdIndex++;
+    if (this.config.debugAdTiming) {
+      console.log(
+        `[StormcloudVideoPlayer] Playing ad ${this.currentAdIndex}/${this.totalAdsInBreak}`
+      );
+    }
+    await this.playSingleAd(firstAd);
+  }
   findCurrentOrNextBreak(nowMs) {
     var _a;
     const schedule = [];