stormcloud-video-player 0.2.14 → 0.2.16

package/lib/players/index.cjs

@@ -892,7 +892,7 @@ function createHlsAdPlayer(contentVideo, options) {
       const xmlDoc = parser.parseFromString(xmlString, "text/xml");
       const parserError = xmlDoc.querySelector("parsererror");
       if (parserError) {
-        console.error("[HlsAdPlayer] XML parsing error:", parserError.textContent);
+        console.error("[HlsAdPlayer] XML parsing error (malformed VAST XML):", parserError.textContent);
         return null;
       }
       const adElement = xmlDoc.querySelector("Ad");
@@ -902,28 +902,45 @@ function createHlsAdPlayer(contentVideo, options) {
       }
       const adId = adElement.getAttribute("id") || "unknown";
       const title = ((_a = xmlDoc.querySelector("AdTitle")) == null ? void 0 : _a.textContent) || "Ad";
+      const isNoAdAvailable = adId === "empty" || title.toLowerCase().includes("no ad available") || title.toLowerCase() === "no ad available";
       const durationText = ((_b = xmlDoc.querySelector("Duration")) == null ? void 0 : _b.textContent) || "00:00:30";
       const durationParts = durationText.split(":");
       const duration = parseInt(durationParts[0] || "0", 10) * 3600 + parseInt(durationParts[1] || "0", 10) * 60 + parseInt(durationParts[2] || "0", 10);
       const mediaFileElements = xmlDoc.querySelectorAll("MediaFile");
       const mediaFiles = [];
-      mediaFileElements.forEach((mf) => {
+      console.log(`[HlsAdPlayer] Found ${mediaFileElements.length} MediaFile element(s) in VAST XML`);
+      mediaFileElements.forEach((mf, index) => {
         var _a2;
         const type = mf.getAttribute("type") || "";
+        const url = ((_a2 = mf.textContent) == null ? void 0 : _a2.trim()) || "";
+        const width = mf.getAttribute("width") || "";
+        const height = mf.getAttribute("height") || "";
+        console.log(`[HlsAdPlayer] MediaFile ${index}: type="${type}", url="${url}", width="${width}", height="${height}"`);
         if (type === "application/x-mpegURL" || type.includes("m3u8")) {
+          if (!url) {
+            console.warn(`[HlsAdPlayer] MediaFile ${index} has HLS type but empty URL`);
+            return;
+          }
           const bitrateAttr = mf.getAttribute("bitrate");
           const bitrateValue = bitrateAttr ? parseInt(bitrateAttr, 10) : void 0;
           mediaFiles.push({
-            url: ((_a2 = mf.textContent) == null ? void 0 : _a2.trim()) || "",
+            url,
             type,
-            width: parseInt(mf.getAttribute("width") || "1920", 10),
-            height: parseInt(mf.getAttribute("height") || "1080", 10),
+            width: parseInt(width || "1920", 10),
+            height: parseInt(height || "1080", 10),
             bitrate: bitrateValue && bitrateValue > 0 ? bitrateValue : void 0
           });
+          console.log(`[HlsAdPlayer] Added HLS MediaFile: ${url}`);
+        } else {
+          console.log(`[HlsAdPlayer] MediaFile ${index} ignored (type="${type}" is not HLS)`);
         }
       });
       if (mediaFiles.length === 0) {
-        console.warn("[HlsAdPlayer] No HLS media files found in VAST XML");
+        if (isNoAdAvailable) {
+          console.warn("[HlsAdPlayer] No ads available (VAST response indicates no ads)");
+        } else {
+          console.warn("[HlsAdPlayer] No HLS media files found in VAST XML");
+        }
         return null;
       }
       const trackingUrls = {
@@ -1111,9 +1128,11 @@ function createHlsAdPlayer(contentVideo, options) {
         }
         const vastXml = await response.text();
         console.log("[HlsAdPlayer] VAST XML received");
+        console.log("[HlsAdPlayer] VAST XML content (first 2000 chars):", vastXml.substring(0, 2e3));
         const ad = parseVastXml(vastXml);
         if (!ad) {
-          throw new Error("Failed to parse VAST XML or no ads available");
+          console.warn("[HlsAdPlayer] No ads available from VAST response");
+          return Promise.resolve();
         }
         currentAd = ad;
         console.log(`[HlsAdPlayer] Ad parsed: ${ad.title}, duration: ${ad.duration}s`);
@@ -1128,7 +1147,7 @@ function createHlsAdPlayer(contentVideo, options) {
     },
     async play() {
       if (!currentAd) {
-        console.warn("[HlsAdPlayer] Cannot play: No ad loaded");
+        console.warn("[HlsAdPlayer] Cannot play: No ad loaded (no ads available)");
         return Promise.reject(new Error("No ad loaded"));
       }
       console.log("[HlsAdPlayer] Starting ad playback");
@@ -1759,6 +1778,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 };
@@ -1779,7 +1800,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,
@@ -1788,7 +1811,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
@@ -1812,11 +1837,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,
@@ -1964,7 +1991,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", () => {
@@ -2029,13 +2058,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) {
@@ -2462,10 +2509,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) {
@@ -2480,7 +2524,7 @@ var StormcloudVideoPlayer = class {
       this.apiVastTagUrl = vastEndpoint;
       if (this.config.debugAdTiming) {
         console.log(
-          "[StormcloudVideoPlayer] Using AdStorm VAST endpoint:",
+          "[StormcloudVideoPlayer] Using AdStorm VAST endpoint (adstorm mode):",
           vastEndpoint
         );
       }
@@ -2583,10 +2627,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];
@@ -2736,12 +2777,26 @@ var StormcloudVideoPlayer = class {
     this.startAdFailsafeTimer();
     try {
       await this.ima.requestAds(vastTagUrl);
-      if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Ad request successful, starting playback");
-      }
-      await this.ima.play();
-      if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Ad playback started successfully");
+      try {
+        if (this.config.debugAdTiming) {
+          console.log(
+            "[StormcloudVideoPlayer] Ad request completed, attempting playback"
+          );
+        }
+        await this.ima.play();
+        if (this.config.debugAdTiming) {
+          console.log(
+            "[StormcloudVideoPlayer] Ad playback started successfully"
+          );
+        }
+      } catch (playError) {
+        if (this.config.debugAdTiming) {
+          console.log(
+            "[StormcloudVideoPlayer] No ads available, skipping playback"
+          );
+        }
+        this.handleAdFailure();
+        return;
       }
     } catch (error) {
       if (this.config.debugAdTiming) {
@@ -2794,7 +2849,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"
+        );
       }
     }
   }
@@ -2813,7 +2870,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();
@@ -3006,10 +3067,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 = () => {
@@ -3178,8 +3249,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 = () => {