stormcloud-video-player 0.2.14 → 0.2.15

package/lib/index.js

@@ -848,7 +848,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");
@@ -858,28 +858,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 = {
@@ -1067,9 +1084,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`);
@@ -1084,7 +1103,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");
@@ -2436,7 +2455,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
         );
       }
@@ -2692,12 +2711,20 @@ 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) {
@@ -2923,7 +2950,8 @@ var CRITICAL_PROPS = [
   "allowNativeHls",
   "licenseKey",
   "lowLatencyMode",
-  "driftToleranceMs"
+  "driftToleranceMs",
+  "vastMode"
 ];
 var StormcloudVideoPlayerComponent = React.memo(
   (props) => {
@@ -2951,6 +2979,9 @@ var StormcloudVideoPlayerComponent = React.memo(
       poster,
       children,
       licenseKey,
+      vastMode,
+      vastTagUrl,
+      adPlayerType,
       ...restVideoAttrs
     } = props;
     const videoRef = useRef(null);
@@ -3022,7 +3053,7 @@ var StormcloudVideoPlayerComponent = React.memo(
     const shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls : true);
     const criticalPropsKey = useMemo(() => {
       return CRITICAL_PROPS.map((prop) => `${prop}:${props[prop]}`).join("|");
-    }, [src, allowNativeHls, licenseKey, lowLatencyMode, driftToleranceMs]);
+    }, [src, allowNativeHls, licenseKey, lowLatencyMode, driftToleranceMs, vastMode]);
     useEffect(() => {
       if (typeof window === "undefined") return;
       const el = videoRef.current;
@@ -3063,6 +3094,9 @@ var StormcloudVideoPlayerComponent = React.memo(
         cfg.onFullscreenToggle = onFullscreenToggle;
       if (onControlClick !== void 0) cfg.onControlClick = onControlClick;
       if (licenseKey !== void 0) cfg.licenseKey = licenseKey;
+      if (vastMode !== void 0) cfg.vastMode = vastMode;
+      if (vastTagUrl !== void 0) cfg.vastTagUrl = vastTagUrl;
+      if (adPlayerType !== void 0) cfg.adPlayerType = adPlayerType;
       const player = new StormcloudVideoPlayer(cfg);
       playerRef.current = player;
       player.load().then(() => {