stormcloud-video-player 0.2.15 → 0.2.17

package/lib/players/index.cjs

@@ -326,6 +326,14 @@ function createImaController(video, options) {
   function makeAdsRequest(google, vastTagUrl) {
     const adsRequest = new google.ima.AdsRequest();
     adsRequest.adTagUrl = vastTagUrl;
+    const videoWidth = video.offsetWidth || video.clientWidth || 640;
+    const videoHeight = video.offsetHeight || video.clientHeight || 360;
+    adsRequest.linearAdSlotWidth = videoWidth;
+    adsRequest.linearAdSlotHeight = videoHeight;
+    adsRequest.nonLinearAdSlotWidth = videoWidth;
+    adsRequest.nonLinearAdSlotHeight = videoHeight;
+    adsRequest.vastLoadTimeout = 5e3;
+    console.log(`[IMA] Ads request dimensions: ${videoWidth}x${videoHeight}`);
     adsLoader.requestAds(adsRequest);
   }
   function destroyAdsManager() {
@@ -372,6 +380,18 @@ function createImaController(video, options) {
     },
     async requestAds(vastTagUrl) {
       console.log("[IMA] Requesting ads:", vastTagUrl);
+      if (!vastTagUrl || vastTagUrl.trim() === "") {
+        const error = new Error("VAST tag URL is empty or undefined");
+        console.warn("[IMA]", error.message);
+        return Promise.reject(error);
+      }
+      try {
+        new URL(vastTagUrl);
+      } catch (e) {
+        const error = new Error(`Invalid VAST tag URL format: ${vastTagUrl}`);
+        console.warn("[IMA]", error.message);
+        return Promise.reject(error);
+      }
       if (adPlaying) {
         console.warn(
           "[IMA] Cannot request new ads while an ad is playing. Call stop() first."
@@ -433,6 +453,18 @@ function createImaController(video, options) {
             );
           }
         }
+        const videoWidth = video.offsetWidth || video.clientWidth;
+        const videoHeight = video.offsetHeight || video.clientHeight;
+        if (!videoWidth || !videoHeight || videoWidth === 0 || videoHeight === 0) {
+          const error = new Error(
+            `Invalid video dimensions: ${videoWidth}x${videoHeight}. Cannot initialize ads.`
+          );
+          console.warn("[IMA]", error.message);
+          currentReject == null ? void 0 : currentReject(error);
+          adsLoadedReject = void 0;
+          adsLoadedResolve = void 0;
+          return Promise.reject(error);
+        }
         if (!adsLoader) {
           console.log("[IMA] Creating ads loader");
           const adsLoaderCls = new google.ima.AdsLoader(adDisplayContainer);
@@ -481,7 +513,9 @@ function createImaController(video, options) {
                       emit("ad_error");
                       if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                         if (video.paused) {
-                          console.log("[IMA] Resuming paused video after ad error");
+                          console.log(
+                            "[IMA] Resuming paused video after ad error"
+                          );
                           (_a = video.play()) == null ? void 0 : _a.catch(() => {
                           });
                         }
@@ -583,7 +617,9 @@ function createImaController(video, options) {
                 }
                 if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                   if (video.paused) {
-                    console.log("[IMA] Resuming paused video after setup error");
+                    console.log(
+                      "[IMA] Resuming paused video after setup error"
+                    );
                     video.play().catch(() => {
                     });
                   }
@@ -1778,6 +1814,8 @@ var StormcloudVideoPlayer = class {
     this.totalAdsInBreak = 0;
     this.showAds = false;
     this.isLiveStream = false;
+    this.nativeHlsMode = false;
+    this.videoSrcProtection = null;
     initializePolyfills();
     const browserOverrides = getBrowserConfigOverrides();
     this.config = { ...config, ...browserOverrides };
@@ -1798,7 +1836,9 @@ var StormcloudVideoPlayer = class {
     }
     if (adPlayerType === "hls") {
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Creating HLS ad player (AdStorm mode)");
+        console.log(
+          "[StormcloudVideoPlayer] Creating HLS ad player (AdStorm mode)"
+        );
       }
       return createHlsAdPlayer(this.video, {
         continueLiveStreamDuringAds,
@@ -1807,7 +1847,9 @@ var StormcloudVideoPlayer = class {
       });
     } else {
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Creating Google IMA ad player (Default mode)");
+        console.log(
+          "[StormcloudVideoPlayer] Creating Google IMA ad player (Default mode)"
+        );
       }
       return createImaController(this.video, {
         continueLiveStreamDuringAds
@@ -1831,11 +1873,13 @@ var StormcloudVideoPlayer = class {
     }
     this.initializeTracking();
     if (this.shouldUseNativeHls()) {
+      this.nativeHlsMode = true;
+      this.videoSrcProtection = this.config.src;
       this.video.src = this.config.src;
       this.isLiveStream = (_a = this.config.lowLatencyMode) != null ? _a : false;
       if (this.config.debugAdTiming) {
         console.log(
-          "[StormcloudVideoPlayer] allowNativeHls: true - VOD mode detected:",
+          "[StormcloudVideoPlayer] Using native HLS playback - VOD mode:",
           {
             isLive: this.isLiveStream,
             allowNativeHls: this.config.allowNativeHls,
@@ -1983,7 +2027,9 @@ var StormcloudVideoPlayer = class {
     this.ima.initialize();
     this.ima.on("all_ads_completed", () => {
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] IMA all_ads_completed event received");
+        console.log(
+          "[StormcloudVideoPlayer] IMA all_ads_completed event received"
+        );
       }
     });
     this.ima.on("ad_error", () => {
@@ -2048,13 +2094,31 @@ var StormcloudVideoPlayer = class {
     this.video.addEventListener("timeupdate", () => {
       this.onTimeUpdate(this.video.currentTime);
     });
+    this.video.addEventListener("emptied", () => {
+      if (this.nativeHlsMode && this.videoSrcProtection && !this.ima.isAdPlaying()) {
+        if (this.config.debugAdTiming) {
+          console.log(
+            "[StormcloudVideoPlayer] Video src was cleared, restoring:",
+            this.videoSrcProtection
+          );
+        }
+        const currentTime = this.video.currentTime;
+        const wasPaused = this.video.paused;
+        this.video.src = this.videoSrcProtection;
+        this.video.currentTime = currentTime;
+        if (!wasPaused) {
+          this.video.play().catch(() => {
+          });
+        }
+      }
+    });
   }
   shouldUseNativeHls() {
     const streamType = this.getStreamType();
     if (streamType === "other") {
       return true;
     }
-    const canNative = this.video.canPlayType("application/vnd.apple.mpegURL");
+    const canNative = this.video.canPlayType("application/vnd.apple.mpegurl");
     return !!(this.config.allowNativeHls && canNative);
   }
   onId3Tag(tag) {
@@ -2481,10 +2545,7 @@ var StormcloudVideoPlayer = class {
     var _a, _b, _c;
     const vastMode = this.config.vastMode || "default";
     if (this.config.debugAdTiming) {
-      console.log(
-        "[StormcloudVideoPlayer] VAST mode:",
-        vastMode
-      );
+      console.log("[StormcloudVideoPlayer] VAST mode:", vastMode);
     }
     if (vastMode === "adstorm") {
       if (!this.config.licenseKey) {
@@ -2602,10 +2663,7 @@ var StormcloudVideoPlayer = class {
       this.currentAdIndex = 0;
       this.totalAdsInBreak = 1;
       if (this.config.debugAdTiming) {
-        console.log(
-          "[StormcloudVideoPlayer] Using VAST endpoint:",
-          vastTagUrl
-        );
+        console.log("[StormcloudVideoPlayer] Using VAST endpoint:", vastTagUrl);
       }
     } else if (tags && tags.length > 0) {
       vastTagUrl = tags[0];
@@ -2757,15 +2815,21 @@ var StormcloudVideoPlayer = class {
       await this.ima.requestAds(vastTagUrl);
       try {
         if (this.config.debugAdTiming) {
-          console.log("[StormcloudVideoPlayer] Ad request completed, attempting playback");
+          console.log(
+            "[StormcloudVideoPlayer] Ad request completed, attempting playback"
+          );
         }
         await this.ima.play();
         if (this.config.debugAdTiming) {
-          console.log("[StormcloudVideoPlayer] Ad playback started successfully");
+          console.log(
+            "[StormcloudVideoPlayer] Ad playback started successfully"
+          );
         }
       } catch (playError) {
         if (this.config.debugAdTiming) {
-          console.log("[StormcloudVideoPlayer] No ads available, skipping playback");
+          console.log(
+            "[StormcloudVideoPlayer] No ads available, skipping playback"
+          );
         }
         this.handleAdFailure();
         return;
@@ -2821,7 +2885,9 @@ var StormcloudVideoPlayer = class {
       });
     } else {
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Video is already playing, no resume needed");
+        console.log(
+          "[StormcloudVideoPlayer] Video is already playing, no resume needed"
+        );
       }
     }
   }
@@ -2840,7 +2906,11 @@ var StormcloudVideoPlayer = class {
         if (this.config.debugAdTiming) {
           console.warn(
             "[StormcloudVideoPlayer] Failsafe timer triggered - forcing video resume",
-            { paused: this.video.paused, showAds: this.showAds, adPlaying: this.ima.isAdPlaying() }
+            {
+              paused: this.video.paused,
+              showAds: this.showAds,
+              adPlaying: this.ima.isAdPlaying()
+            }
           );
         }
         this.handleAdFailure();
@@ -3033,10 +3103,20 @@ var HlsPlayer = class extends import_react2.Component {
       }
     };
     this.play = () => {
-      var _a, _b;
+      var _a, _b, _c;
       if (this.props.videoElement) {
-        this.props.videoElement.play();
-        (_b = (_a = this.props).onPlay) == null ? void 0 : _b.call(_a);
+        const video = this.props.videoElement;
+        const hasValidSource = video.src || video.currentSrc && video.currentSrc !== "" || video.readyState >= 1;
+        if (hasValidSource) {
+          (_a = video.play()) == null ? void 0 : _a.catch((error) => {
+            var _a2, _b2;
+            console.error("[HlsPlayer] Failed to play:", error);
+            (_b2 = (_a2 = this.props).onError) == null ? void 0 : _b2.call(_a2, error);
+          });
+          (_c = (_b = this.props).onPlay) == null ? void 0 : _c.call(_b);
+        } else {
+          console.warn("[HlsPlayer] Cannot play: video has no valid source");
+        }
       }
     };
     this.pause = () => {
@@ -3205,8 +3285,19 @@ var FilePlayer = class extends import_react3.Component {
       };
     };
     this.play = () => {
+      var _a;
       if (this.props.videoElement) {
-        this.props.videoElement.play();
+        const video = this.props.videoElement;
+        const hasValidSource = video.src || video.currentSrc && video.currentSrc !== "" || video.readyState >= 1;
+        if (hasValidSource) {
+          (_a = video.play()) == null ? void 0 : _a.catch((error) => {
+            var _a2, _b;
+            console.error("[FilePlayer] Failed to play:", error);
+            (_b = (_a2 = this.props).onError) == null ? void 0 : _b.call(_a2, error);
+          });
+        } else {
+          console.warn("[FilePlayer] Cannot play: video has no valid source");
+        }
       }
     };
     this.pause = () => {