stormcloud-video-player 0.8.5 → 0.8.7

package/lib/index.d.cts

@@ -4174,6 +4174,7 @@ interface PalNonceOptions {
     sessionId?: string;
     adWillAutoPlay?: boolean;
     adWillPlayMuted?: boolean;
+    playerVolume?: number;
     continuousPlayback?: boolean;
 }
 interface PalNonceManager {

package/lib/index.d.ts

@@ -4174,6 +4174,7 @@ interface PalNonceOptions {
     sessionId?: string;
     adWillAutoPlay?: boolean;
     adWillPlayMuted?: boolean;
+    playerVolume?: number;
     continuousPlayback?: boolean;
 }
 interface PalNonceManager {

package/lib/index.js

@@ -372,6 +372,7 @@ import React, { useEffect, useRef, useMemo, useCallback } from "react";
 import Hls2 from "hls.js";
 // src/sdk/hlsAdPlayer.ts
 import Hls from "hls.js";
+var MAX_VAST_WRAPPER_DEPTH = 5;
 function createHlsAdPlayer(contentVideo, options) {
     var adPlaying = false;
     var originalMutedState = false;
@@ -529,25 +530,91 @@ function createHlsAdPlayer(contentVideo, options) {
         var url = mediaFile.url.toLowerCase();
         return type.startsWith("video/") || url.endsWith(".mp4") || url.includes(".mp4?");
     }
+    function createEmptyTrackingUrls() {
+        return {
+            impression: [],
+            start: [],
+            firstQuartile: [],
+            midpoint: [],
+            thirdQuartile: [],
+            complete: [],
+            mute: [],
+            unmute: [],
+            pause: [],
+            resume: [],
+            fullscreen: [],
+            exitFullscreen: [],
+            skip: [],
+            error: []
+        };
+    }
+    function extractTrackingUrls(xmlDoc) {
+        var trackingUrls = createEmptyTrackingUrls();
+        xmlDoc.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) {
+            var _el_textContent;
+            var event = el.getAttribute("event");
+            var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
+            if (event && url) {
+                var eventKey = event;
+                if (trackingUrls[eventKey]) {
+                    trackingUrls[eventKey].push(url);
+                }
+            }
+        });
+        xmlDoc.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);
+        });
+        return trackingUrls;
+    }
+    function mergeTrackingUrls(target, source) {
+        Object.keys(target).forEach(function(key) {
+            if (source[key] && source[key].length > 0) {
+                target[key] = target[key].concat(source[key]);
+            }
+        });
+        return target;
+    }
     function parseVastXml(xmlString) {
         try {
-            var _xmlDoc_querySelector, _xmlDoc_querySelector1, _xmlDoc_querySelector_textContent, _xmlDoc_querySelector2;
+            var _xmlDoc_querySelector, _xmlDoc_querySelector_textContent, _xmlDoc_querySelector1, _xmlDoc_querySelector_textContent1, _xmlDoc_querySelector2, _xmlDoc_querySelector3;
             var parser = new DOMParser();
             var xmlDoc = parser.parseFromString(xmlString, "text/xml");
             var parserError = xmlDoc.querySelector("parsererror");
             if (parserError) {
                 console.error("[HlsAdPlayer] XML parsing error (malformed VAST XML):", parserError.textContent);
-                return null;
+                return {
+                    type: "empty"
+                };
             }
             var adElement = xmlDoc.querySelector("Ad");
             if (!adElement) {
                 console.warn("[HlsAdPlayer] No Ad element found in VAST XML");
-                return null;
+                return {
+                    type: "empty"
+                };
             }
             var adId = adElement.getAttribute("id") || "unknown";
             var title = ((_xmlDoc_querySelector = xmlDoc.querySelector("AdTitle")) === null || _xmlDoc_querySelector === void 0 ? void 0 : _xmlDoc_querySelector.textContent) || "Ad";
+            var clickThrough = (_xmlDoc_querySelector1 = xmlDoc.querySelector("ClickThrough")) === null || _xmlDoc_querySelector1 === void 0 ? void 0 : (_xmlDoc_querySelector_textContent = _xmlDoc_querySelector1.textContent) === null || _xmlDoc_querySelector_textContent === void 0 ? void 0 : _xmlDoc_querySelector_textContent.trim();
+            var wrapperUri = (_xmlDoc_querySelector2 = xmlDoc.querySelector("VASTAdTagURI")) === null || _xmlDoc_querySelector2 === void 0 ? void 0 : (_xmlDoc_querySelector_textContent1 = _xmlDoc_querySelector2.textContent) === null || _xmlDoc_querySelector_textContent1 === void 0 ? void 0 : _xmlDoc_querySelector_textContent1.trim();
+            if (wrapperUri) {
+                console.log("[HlsAdPlayer] VAST wrapper detected, following VASTAdTagURI: ".concat(wrapperUri));
+                return {
+                    type: "wrapper",
+                    vastAdTagUri: wrapperUri,
+                    trackingUrls: extractTrackingUrls(xmlDoc),
+                    clickThrough: clickThrough
+                };
+            }
             var isNoAdAvailable = adId === "empty" || title.toLowerCase().includes("no ad available") || title.toLowerCase() === "no ad available";
-            var durationText = ((_xmlDoc_querySelector1 = xmlDoc.querySelector("Duration")) === null || _xmlDoc_querySelector1 === void 0 ? void 0 : _xmlDoc_querySelector1.textContent) || "00:00:30";
+            var durationText = ((_xmlDoc_querySelector3 = xmlDoc.querySelector("Duration")) === null || _xmlDoc_querySelector3 === void 0 ? void 0 : _xmlDoc_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 = xmlDoc.querySelectorAll("MediaFile");
@@ -587,57 +654,31 @@ function createHlsAdPlayer(contentVideo, options) {
                 } else {
                     console.warn("[HlsAdPlayer] No supported media files found in VAST XML");
                 }
-                return null;
+                return {
+                    type: "empty"
+                };
             }
-            var trackingUrls = {
-                impression: [],
-                start: [],
-                firstQuartile: [],
-                midpoint: [],
-                thirdQuartile: [],
-                complete: [],
-                mute: [],
-                unmute: [],
-                pause: [],
-                resume: [],
-                fullscreen: [],
-                exitFullscreen: [],
-                skip: [],
-                error: []
-            };
-            xmlDoc.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) {
-                var _el_textContent;
-                var event = el.getAttribute("event");
-                var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
-                if (event && url) {
-                    var eventKey = event;
-                    if (trackingUrls[eventKey]) {
-                        trackingUrls[eventKey].push(url);
-                    }
-                }
-            });
-            var clickThrough = (_xmlDoc_querySelector2 = xmlDoc.querySelector("ClickThrough")) === null || _xmlDoc_querySelector2 === void 0 ? void 0 : (_xmlDoc_querySelector_textContent = _xmlDoc_querySelector2.textContent) === null || _xmlDoc_querySelector_textContent === void 0 ? void 0 : _xmlDoc_querySelector_textContent.trim();
             return {
-                id: adId,
-                title: title,
-                duration: duration,
-                mediaFiles: mediaFiles,
-                trackingUrls: trackingUrls,
-                clickThrough: clickThrough
+                type: "inline",
+                ad: {
+                    id: adId,
+                    title: title,
+                    duration: duration,
+                    mediaFiles: mediaFiles,
+                    trackingUrls: extractTrackingUrls(xmlDoc),
+                    clickThrough: clickThrough
+                }
             };
         } catch (error) {
             console.error("[HlsAdPlayer] Error parsing VAST XML:", error);
-            return null;
+            return {
+                type: "empty"
+            };
         }
     }
-    function fetchAndParseVastAd(vastTagUrl) {
+    function fetchVastXml(vastTagUrl) {
         return _async_to_generator(function() {
-            var response, vastXml;
+            var response;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -658,20 +699,58 @@ function createHlsAdPlayer(contentVideo, options) {
                             throw new Error("Failed to fetch VAST: ".concat(response.statusText));
                         }
                         return [
-                            4,
+                            2,
                             response.text()
                         ];
-                    case 2:
+                }
+            });
+        })();
+    }
+    function fetchAndParseVastAd(_0) {
+        return _async_to_generator(function(vastTagUrl) {
+            var depth, accumulatedTracking, vastXml, parsed;
+            var _arguments = arguments;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        depth = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : 0, accumulatedTracking = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : createEmptyTrackingUrls();
+                        return [
+                            4,
+                            fetchVastXml(vastTagUrl)
+                        ];
+                    case 1:
                         vastXml = _state.sent();
                         console.log("[HlsAdPlayer] VAST XML received");
                         console.log("[HlsAdPlayer] VAST XML content (first 2000 chars):", vastXml.substring(0, 2e3));
+                        parsed = parseVastXml(vastXml);
+                        if (parsed.type === "empty") {
+                            return [
+                                2,
+                                null
+                            ];
+                        }
+                        if (parsed.type === "wrapper") {
+                            if (depth >= MAX_VAST_WRAPPER_DEPTH) {
+                                console.warn("[HlsAdPlayer] VAST wrapper depth limit (".concat(MAX_VAST_WRAPPER_DEPTH, ") reached, aborting redirect chain"));
+                                return [
+                                    2,
+                                    null
+                                ];
+                            }
+                            mergeTrackingUrls(accumulatedTracking, parsed.trackingUrls);
+                            return [
+                                2,
+                                fetchAndParseVastAd(parsed.vastAdTagUri, depth + 1, accumulatedTracking)
+                            ];
+                        }
+                        mergeTrackingUrls(parsed.ad.trackingUrls, accumulatedTracking);
                         return [
                             2,
-                            parseVastXml(vastXml)
+                            parsed.ad
                         ];
                 }
             });
-        })();
+        }).apply(this, arguments);
     }
     function createAdVideoElement() {
         var video = document.createElement("video");
@@ -1247,7 +1326,7 @@ function createPalNonceManager() {
     return {
         generateNonce: function generateNonce() {
             return _async_to_generator(function() {
-                var options, _options_adWillAutoPlay, _options_adWillPlayMuted, _options_continuousPlayback, loader, goog, request, manager, error;
+                var options, _options_adWillAutoPlay, _options_adWillPlayMuted, _options_playerVolume, _options_continuousPlayback, loader, goog, request, manager, error;
                 var _arguments = arguments;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -1272,6 +1351,7 @@ function createPalNonceManager() {
                             request = new goog.pal.NonceRequest();
                             request.adWillAutoPlay = (_options_adWillAutoPlay = options.adWillAutoPlay) !== null && _options_adWillAutoPlay !== void 0 ? _options_adWillAutoPlay : true;
                             request.adWillPlayMuted = (_options_adWillPlayMuted = options.adWillPlayMuted) !== null && _options_adWillPlayMuted !== void 0 ? _options_adWillPlayMuted : false;
+                            request.playerVolume = (_options_playerVolume = options.playerVolume) !== null && _options_playerVolume !== void 0 ? _options_playerVolume : request.adWillPlayMuted ? 0 : 1;
                             request.continuousPlayback = (_options_continuousPlayback = options.continuousPlayback) !== null && _options_continuousPlayback !== void 0 ? _options_continuousPlayback : true;
                             request.descriptionUrl = options.descriptionUrl || (typeof window !== "undefined" ? window.location.href : "");
                             request.iconsSupported = true;
@@ -2719,7 +2799,8 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     videoWidth: this.video.offsetWidth || this.video.clientWidth || 640,
                                     videoHeight: this.video.offsetHeight || this.video.clientHeight || 480,
                                     adWillAutoPlay: !!this.config.autoplay,
-                                    adWillPlayMuted: !!this.config.muted,
+                                    adWillPlayMuted: true,
+                                    playerVolume: 0,
                                     continuousPlayback: (_this_config_lowLatencyMode = this.config.lowLatencyMode) !== null && _this_config_lowLatencyMode !== void 0 ? _this_config_lowLatencyMode : false
                                 }).catch(function() {});
                                 fetchConsentSignals().then(function(signals) {