stormcloud-video-player 0.8.25 → 0.8.27

package/lib/sdk/hlsAdPlayer.cjs

@@ -210,6 +210,8 @@ function createHlsAdPlayer(contentVideo, options) {
     var adHls;
     var adContainerEl;
     var currentAd;
+    var podAds = [];
+    var podIndex = 0;
     var sessionId;
     var preloadedAds = /* @__PURE__ */ new Map();
     var preloadingAds = /* @__PURE__ */ new Map();
@@ -374,14 +376,14 @@ function createHlsAdPlayer(contentVideo, options) {
             error: []
         };
     }
-    function extractTrackingUrls(xmlDoc) {
+    function extractTrackingUrls(scope) {
         var trackingUrls = createEmptyTrackingUrls();
-        xmlDoc.querySelectorAll("Impression").forEach(function(el) {
+        scope.querySelectorAll("Impression").forEach(function(el) {
             var _el_textContent;
             var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
             if (url) trackingUrls.impression.push(url);
         });
-        xmlDoc.querySelectorAll("Tracking").forEach(function(el) {
+        scope.querySelectorAll("Tracking").forEach(function(el) {
             var _el_textContent;
             var event = el.getAttribute("event");
             var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
@@ -392,7 +394,7 @@ function createHlsAdPlayer(contentVideo, options) {
                 }
             }
         });
-        xmlDoc.querySelectorAll("Error").forEach(function(el) {
+        scope.querySelectorAll("Error").forEach(function(el) {
             var _el_textContent;
             var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
             if (url) trackingUrls.error.push(url);
@@ -502,6 +504,75 @@ function createHlsAdPlayer(contentVideo, options) {
             };
         }
     }
+    function parseAdElement(adElement) {
+        try {
+            var _adElement_querySelector, _adElement_querySelector_textContent, _adElement_querySelector1, _adElement_querySelector_textContent1, _adElement_querySelector2, _adElement_querySelector3;
+            var adId = adElement.getAttribute("id") || "unknown";
+            var title = ((_adElement_querySelector = adElement.querySelector("AdTitle")) === null || _adElement_querySelector === void 0 ? void 0 : _adElement_querySelector.textContent) || "Ad";
+            var clickThrough = (_adElement_querySelector1 = adElement.querySelector("ClickThrough")) === null || _adElement_querySelector1 === void 0 ? void 0 : (_adElement_querySelector_textContent = _adElement_querySelector1.textContent) === null || _adElement_querySelector_textContent === void 0 ? void 0 : _adElement_querySelector_textContent.trim();
+            var wrapperUri = (_adElement_querySelector2 = adElement.querySelector("VASTAdTagURI")) === null || _adElement_querySelector2 === void 0 ? void 0 : (_adElement_querySelector_textContent1 = _adElement_querySelector2.textContent) === null || _adElement_querySelector_textContent1 === void 0 ? void 0 : _adElement_querySelector_textContent1.trim();
+            if (wrapperUri) {
+                return {
+                    type: "wrapper",
+                    vastAdTagUri: wrapperUri,
+                    trackingUrls: extractTrackingUrls(adElement),
+                    clickThrough: clickThrough
+                };
+            }
+            var isNoAdAvailable = adId === "empty" || title.toLowerCase().includes("no ad available") || title.toLowerCase() === "no ad available";
+            var durationText = ((_adElement_querySelector3 = adElement.querySelector("Duration")) === null || _adElement_querySelector3 === void 0 ? void 0 : _adElement_querySelector3.textContent) || "00:00:30";
+            var durationParts = durationText.split(":");
+            var duration = parseInt(durationParts[0] || "0", 10) * 3600 + parseInt(durationParts[1] || "0", 10) * 60 + parseInt(durationParts[2] || "0", 10);
+            var mediaFileElements = adElement.querySelectorAll("MediaFile");
+            var mediaFiles = [];
+            mediaFileElements.forEach(function(mf) {
+                var _mf_textContent;
+                var type = mf.getAttribute("type") || "";
+                var url = ((_mf_textContent = mf.textContent) === null || _mf_textContent === void 0 ? void 0 : _mf_textContent.trim()) || "";
+                var width = mf.getAttribute("width") || "";
+                var height = mf.getAttribute("height") || "";
+                if (!url) return;
+                var bitrateAttr = mf.getAttribute("bitrate");
+                var bitrateValue = bitrateAttr ? parseInt(bitrateAttr, 10) : void 0;
+                var mediaFile = {
+                    url: url,
+                    type: type,
+                    width: parseInt(width || "1920", 10),
+                    height: parseInt(height || "1080", 10),
+                    bitrate: bitrateValue && bitrateValue > 0 ? bitrateValue : void 0
+                };
+                if (isHlsMediaFile(mediaFile) || isProgressiveMediaFile(mediaFile)) {
+                    mediaFiles.push(mediaFile);
+                }
+            });
+            if (mediaFiles.length === 0) {
+                if (isNoAdAvailable) {
+                    console.warn("[HlsAdPlayer] Pod <Ad> indicates no ad available");
+                } else {
+                    console.warn("[HlsAdPlayer] No supported media files in pod <Ad>");
+                }
+                return {
+                    type: "empty"
+                };
+            }
+            return {
+                type: "inline",
+                ad: {
+                    id: adId,
+                    title: title,
+                    duration: duration,
+                    mediaFiles: mediaFiles,
+                    trackingUrls: extractTrackingUrls(adElement),
+                    clickThrough: clickThrough
+                }
+            };
+        } catch (error) {
+            console.error("[HlsAdPlayer] Error parsing pod <Ad> element:", error);
+            return {
+                type: "empty"
+            };
+        }
+    }
     function fetchVastXml(vastTagUrl) {
         return _async_to_generator(function() {
             var response;
@@ -578,6 +649,146 @@ function createHlsAdPlayer(contentVideo, options) {
             });
         }).apply(this, arguments);
     }
+    function fetchAndParsePod(vastTagUrl) {
+        return _async_to_generator(function() {
+            var vastXml, parser, xmlDoc, adElements, ads, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, adElement, parsed, resolved, error, err;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            fetchVastXml(vastTagUrl)
+                        ];
+                    case 1:
+                        vastXml = _state.sent();
+                        console.log("[HlsAdPlayer] Pod VAST XML received");
+                        parser = new DOMParser();
+                        xmlDoc = parser.parseFromString(vastXml, "text/xml");
+                        if (xmlDoc.querySelector("parsererror")) {
+                            console.error("[HlsAdPlayer] Pod VAST XML parsing error (malformed)");
+                            return [
+                                2,
+                                []
+                            ];
+                        }
+                        adElements = Array.from(xmlDoc.querySelectorAll("Ad"));
+                        if (adElements.length === 0) {
+                            console.warn("[HlsAdPlayer] No <Ad> elements found in pod VAST response");
+                            return [
+                                2,
+                                []
+                            ];
+                        }
+                        adElements.sort(function(a, b) {
+                            var aSeq = parseInt(a.getAttribute("sequence") || "", 10);
+                            var bSeq = parseInt(b.getAttribute("sequence") || "", 10);
+                            var aVal = Number.isFinite(aSeq) ? aSeq : Number.MAX_SAFE_INTEGER;
+                            var bVal = Number.isFinite(bSeq) ? bSeq : Number.MAX_SAFE_INTEGER;
+                            return aVal - bVal;
+                        });
+                        ads = [];
+                        _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        _state.label = 2;
+                    case 2:
+                        _state.trys.push([
+                            2,
+                            10,
+                            11,
+                            12
+                        ]);
+                        _iterator = adElements[Symbol.iterator]();
+                        _state.label = 3;
+                    case 3:
+                        if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                            3,
+                            9
+                        ];
+                        adElement = _step.value;
+                        parsed = parseAdElement(adElement);
+                        if (!(parsed.type === "inline")) return [
+                            3,
+                            4
+                        ];
+                        ads.push(parsed.ad);
+                        return [
+                            3,
+                            8
+                        ];
+                    case 4:
+                        if (!(parsed.type === "wrapper")) return [
+                            3,
+                            8
+                        ];
+                        _state.label = 5;
+                    case 5:
+                        _state.trys.push([
+                            5,
+                            7,
+                            ,
+                            8
+                        ]);
+                        return [
+                            4,
+                            fetchAndParseVastAd(parsed.vastAdTagUri, 1, parsed.trackingUrls)
+                        ];
+                    case 6:
+                        resolved = _state.sent();
+                        if (resolved) {
+                            ads.push(resolved);
+                        }
+                        return [
+                            3,
+                            8
+                        ];
+                    case 7:
+                        error = _state.sent();
+                        console.warn("[HlsAdPlayer] Failed to resolve wrapper <Ad> in pod:", error);
+                        return [
+                            3,
+                            8
+                        ];
+                    case 8:
+                        _iteratorNormalCompletion = true;
+                        return [
+                            3,
+                            3
+                        ];
+                    case 9:
+                        return [
+                            3,
+                            12
+                        ];
+                    case 10:
+                        err = _state.sent();
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                        return [
+                            3,
+                            12
+                        ];
+                    case 11:
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
+                        return [
+                            7
+                        ];
+                    case 12:
+                        console.log("[HlsAdPlayer] Parsed ".concat(ads.length, " ad(s) from pod VAST response"));
+                        return [
+                            2,
+                            ads
+                        ];
+                }
+            });
+        })();
+    }
     function createAdVideoElement() {
         var video = document.createElement("video");
         video.style.position = "absolute";
@@ -622,6 +833,9 @@ function createHlsAdPlayer(contentVideo, options) {
             trackingFired.complete = true;
             fireTrackingPixels(currentAd.trackingUrls.complete);
             console.log("[HlsAdPlayer] Ad completed");
+            if (podIndex < podAds.length - 1 && advanceToNextPodAd()) {
+                return;
+            }
             handleAdComplete();
         });
         adVideoElement.addEventListener("error", function(e) {
@@ -630,6 +844,9 @@ function createHlsAdPlayer(contentVideo, options) {
             if (currentAd) {
                 fireTrackingPixels(currentAd.trackingUrls.error);
             }
+            if (podIndex < podAds.length - 1 && advanceToNextPodAd()) {
+                return;
+            }
             handleAdError();
         });
         adVideoElement.addEventListener("volumechange", function() {
@@ -658,6 +875,94 @@ function createHlsAdPlayer(contentVideo, options) {
             delete contentVideo.dataset.stormcloudAdPlaying;
         }
     }
+    function resetQuartileTracking(preserveImpression) {
+        trackingFired = {
+            impression: preserveImpression ? trackingFired.impression : false,
+            start: false,
+            firstQuartile: false,
+            midpoint: false,
+            thirdQuartile: false,
+            complete: false
+        };
+    }
+    function loadCurrentAdMedia() {
+        if (!adVideoElement || !currentAd) {
+            throw new Error("No ad video element or ad to load");
+        }
+        var mediaFile = selectBestMediaFile(currentAd.mediaFiles);
+        if (!mediaFile) {
+            throw new Error("No media file available for ad");
+        }
+        var isHlsAd = isHlsMediaFile(mediaFile);
+        console.log("[HlsAdPlayer] Loading ".concat(isHlsAd ? "HLS" : "progressive", " ad (pod ").concat(podIndex + 1, "/").concat(podAds.length || 1, ") from: ").concat(mediaFile.url));
+        if (isHlsAd && import_hls.default.isSupported()) {
+            if (adHls) {
+                adHls.destroy();
+            }
+            adHls = new import_hls.default({
+                enableWorker: true,
+                lowLatencyMode: false
+            });
+            adHls.loadSource(mediaFile.url);
+            adHls.attachMedia(adVideoElement);
+            adHls.on(import_hls.default.Events.MANIFEST_PARSED, function() {
+                console.log("[HlsAdPlayer] HLS manifest parsed, starting playback");
+                adVideoElement.play().catch(function(error) {
+                    console.error("[HlsAdPlayer] Error starting ad playback:", error);
+                    handleAdError();
+                });
+            });
+            adHls.on(import_hls.default.Events.ERROR, function(_event, data) {
+                console.error("[HlsAdPlayer] HLS error:", data);
+                if (data.fatal) {
+                    handleAdError();
+                }
+            });
+        } else if (isHlsAd && adVideoElement.canPlayType("application/vnd.apple.mpegurl")) {
+            adVideoElement.src = mediaFile.url;
+            adVideoElement.play().catch(function(error) {
+                console.error("[HlsAdPlayer] Error starting ad playback:", error);
+                handleAdError();
+            });
+        } else if (!isHlsAd && isProgressiveMediaFile(mediaFile)) {
+            if (adHls) {
+                adHls.destroy();
+                adHls = void 0;
+            }
+            adVideoElement.src = mediaFile.url;
+            adVideoElement.load();
+            adVideoElement.play().catch(function(error) {
+                console.error("[HlsAdPlayer] Error starting progressive ad playback:", error);
+                handleAdError();
+            });
+        } else {
+            throw new Error("Unsupported ad media file type: ".concat(mediaFile.type));
+        }
+    }
+    function advanceToNextPodAd() {
+        if (podIndex >= podAds.length - 1) {
+            return false;
+        }
+        podIndex++;
+        currentAd = podAds[podIndex];
+        resetQuartileTracking(false);
+        if (currentAd) {
+            fireTrackingPixels(currentAd.trackingUrls.impression);
+            trackingFired.impression = true;
+            console.log("[HlsAdPlayer] Advancing to next pod ad (".concat(podIndex + 1, "/").concat(podAds.length, "): ").concat(currentAd.title, ", duration: ").concat(currentAd.duration, "s"));
+        }
+        try {
+            loadCurrentAdMedia();
+            emit("pod_ad_started", {
+                index: podIndex,
+                total: podAds.length
+            });
+            return true;
+        } catch (error) {
+            console.error("[HlsAdPlayer] Failed to load next pod ad:", error);
+            return false;
+        }
+    }
     function handleAdComplete() {
         console.log("[HlsAdPlayer] Handling ad completion");
         adPlaying = false;
@@ -711,7 +1016,7 @@ function createHlsAdPlayer(contentVideo, options) {
         },
         requestAds: function requestAds(vastTagUrl) {
             return _async_to_generator(function() {
-                var ad, error;
+                var ads, preloaded, error;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -732,12 +1037,18 @@ function createHlsAdPlayer(contentVideo, options) {
                                 6
                             ]);
                             sessionId = generateSessionId();
+                            ads = [];
                             if (!preloadedAds.has(vastTagUrl)) return [
                                 3,
                                 2
                             ];
-                            ad = preloadedAds.get(vastTagUrl);
+                            preloaded = preloadedAds.get(vastTagUrl);
                             preloadedAds.delete(vastTagUrl);
+                            if (preloaded) {
+                                ads = [
+                                    preloaded
+                                ];
+                            }
                             console.log("[HlsAdPlayer] Using preloaded VAST response:", vastTagUrl);
                             return [
                                 3,
@@ -746,13 +1057,13 @@ function createHlsAdPlayer(contentVideo, options) {
                         case 2:
                             return [
                                 4,
-                                fetchAndParseVastAd(vastTagUrl)
+                                fetchAndParsePod(vastTagUrl)
                             ];
                         case 3:
-                            ad = _state.sent();
+                            ads = _state.sent();
                             _state.label = 4;
                         case 4:
-                            if (!ad) {
+                            if (!ads.length) {
                                 console.warn("[HlsAdPlayer] No ads available from VAST response");
                                 emit("ad_error");
                                 return [
@@ -760,10 +1071,14 @@ function createHlsAdPlayer(contentVideo, options) {
                                     Promise.reject(new Error("No ads available from VAST response"))
                                 ];
                             }
-                            currentAd = ad;
-                            console.log("[HlsAdPlayer] Ad parsed: ".concat(ad.title, ", duration: ").concat(ad.duration, "s"));
-                            fireTrackingPixels(ad.trackingUrls.impression);
-                            trackingFired.impression = true;
+                            podAds = ads;
+                            podIndex = 0;
+                            currentAd = ads[0];
+                            console.log("[HlsAdPlayer] Pod parsed: ".concat(ads.length, ' ad(s), first="').concat(currentAd === null || currentAd === void 0 ? void 0 : currentAd.title, '", duration=').concat(currentAd === null || currentAd === void 0 ? void 0 : currentAd.duration, "s"));
+                            if (currentAd) {
+                                fireTrackingPixels(currentAd.trackingUrls.impression);
+                                trackingFired.impression = true;
+                            }
                             return [
                                 2,
                                 Promise.resolve()
@@ -786,7 +1101,7 @@ function createHlsAdPlayer(contentVideo, options) {
         },
         play: function play() {
             return _async_to_generator(function() {
-                var contentVolume, mediaFile, isHlsAd;
+                var contentVolume;
                 return _ts_generator(this, function(_state) {
                     if (!currentAd) {
                         console.warn("[HlsAdPlayer] Cannot play: No ad loaded (no ads available)");
@@ -802,14 +1117,7 @@ function createHlsAdPlayer(contentVideo, options) {
                             adContainerEl === null || adContainerEl === void 0 ? void 0 : adContainerEl.appendChild(adVideoElement);
                             setupAdEventListeners();
                         }
-                        trackingFired = {
-                            impression: trackingFired.impression,
-                            start: false,
-                            firstQuartile: false,
-                            midpoint: false,
-                            thirdQuartile: false,
-                            complete: false
-                        };
+                        resetQuartileTracking(true);
                         contentVolume = contentVideo.volume;
                         originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
                         if (!(options === null || options === void 0 ? void 0 : options.continueLiveStreamDuringAds)) {
@@ -827,60 +1135,12 @@ function createHlsAdPlayer(contentVideo, options) {
                             adVideoElement.muted = originalMutedState;
                             console.log("[HlsAdPlayer] Set ad video volume to ".concat(adVideoElement.volume, ", muted: ").concat(adVideoElement.muted, ", originalMutedState: ").concat(originalMutedState, ", contentVolume: ").concat(contentVolume));
                         }
-                        mediaFile = selectBestMediaFile(currentAd.mediaFiles);
-                        if (!mediaFile) {
-                            throw new Error("No media file available for ad");
-                        }
                         if (adContainerEl) {
                             adContainerEl.style.display = "flex";
                             adContainerEl.style.pointerEvents = "auto";
                         }
                         emit("content_pause");
-                        isHlsAd = isHlsMediaFile(mediaFile);
-                        console.log("[HlsAdPlayer] Loading ".concat(isHlsAd ? "HLS" : "progressive", " ad from: ").concat(mediaFile.url));
-                        if (isHlsAd && import_hls.default.isSupported()) {
-                            if (adHls) {
-                                adHls.destroy();
-                            }
-                            adHls = new import_hls.default({
-                                enableWorker: true,
-                                lowLatencyMode: false
-                            });
-                            adHls.loadSource(mediaFile.url);
-                            adHls.attachMedia(adVideoElement);
-                            adHls.on(import_hls.default.Events.MANIFEST_PARSED, function() {
-                                console.log("[HlsAdPlayer] HLS manifest parsed, starting playback");
-                                adVideoElement.play().catch(function(error) {
-                                    console.error("[HlsAdPlayer] Error starting ad playback:", error);
-                                    handleAdError();
-                                });
-                            });
-                            adHls.on(import_hls.default.Events.ERROR, function(event, data) {
-                                console.error("[HlsAdPlayer] HLS error:", data);
-                                if (data.fatal) {
-                                    handleAdError();
-                                }
-                            });
-                        } else if (isHlsAd && adVideoElement.canPlayType("application/vnd.apple.mpegurl")) {
-                            adVideoElement.src = mediaFile.url;
-                            adVideoElement.play().catch(function(error) {
-                                console.error("[HlsAdPlayer] Error starting ad playback:", error);
-                                handleAdError();
-                            });
-                        } else if (!isHlsAd && isProgressiveMediaFile(mediaFile)) {
-                            if (adHls) {
-                                adHls.destroy();
-                                adHls = void 0;
-                            }
-                            adVideoElement.src = mediaFile.url;
-                            adVideoElement.load();
-                            adVideoElement.play().catch(function(error) {
-                                console.error("[HlsAdPlayer] Error starting progressive ad playback:", error);
-                                handleAdError();
-                            });
-                        } else {
-                            throw new Error("Unsupported ad media file type: ".concat(mediaFile.type));
-                        }
+                        loadCurrentAdMedia();
                         return [
                             2,
                             Promise.resolve()
@@ -955,6 +1215,8 @@ function createHlsAdPlayer(contentVideo, options) {
                         adVideoElement.src = "";
                     }
                     currentAd = void 0;
+                    podAds = [];
+                    podIndex = 0;
                     return [
                         2
                     ];
@@ -1004,6 +1266,8 @@ function createHlsAdPlayer(contentVideo, options) {
             }
             adContainerEl = void 0;
             currentAd = void 0;
+            podAds = [];
+            podIndex = 0;
             listeners.clear();
             preloadedAds.clear();
             preloadingAds.clear();
@@ -1095,6 +1359,14 @@ function createHlsAdPlayer(contentVideo, options) {
         },
         getLoadedAdId: function getLoadedAdId() {
             return currentAd === null || currentAd === void 0 ? void 0 : currentAd.id;
+        },
+        getPodAdCount: function getPodAdCount() {
+            return podAds.length;
+        },
+        getPodTotalDurationMs: function getPodTotalDurationMs() {
+            return podAds.reduce(function(total, ad) {
+                return total + (ad.duration > 0 ? ad.duration * 1e3 : 0);
+            }, 0);
         }
     };
 }