stormcloud-video-player 0.3.66 → 0.3.68

package/lib/players/index.cjs

@@ -1819,7 +1819,7 @@ function createHlsAdPlayer(contentVideo, options) {
             }
             var adElement = xmlDoc.querySelector("Ad");
             if (!adElement) {
-                console.warn("[HlsAdPlayer] No Ad element found in VAST XML");
+                console.warn("[HlsAdPlayer] No Ad element found in VAST XML (no fill). Content (first 2000 chars):", xmlString.substring(0, 2e3));
                 return null;
             }
             var adId = adElement.getAttribute("id") || "unknown";
@@ -1915,7 +1915,7 @@ function createHlsAdPlayer(contentVideo, options) {
     }
     function fetchAndParseVastAd(vastTagUrl) {
         return _async_to_generator(function() {
-            var response, vastXml;
+            var response, vastXml, trimmedXml;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -1941,8 +1941,16 @@ function createHlsAdPlayer(contentVideo, options) {
                         ];
                     case 2:
                         vastXml = _state.sent();
-                        console.log("[HlsAdPlayer] VAST XML received");
+                        console.log("[HlsAdPlayer] VAST XML received (length=".concat(vastXml.length, ")"));
                         console.log("[HlsAdPlayer] VAST XML content (first 2000 chars):", vastXml.substring(0, 2e3));
+                        trimmedXml = vastXml.trim();
+                        if (trimmedXml.length === 0) {
+                            console.warn("[HlsAdPlayer] VAST response body is empty (no fill)");
+                            return [
+                                2,
+                                null
+                            ];
+                        }
                         return [
                             2,
                             parseVastXml(vastXml)
@@ -3382,6 +3390,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         this.preloadPoolActive = false;
         this.preloadPoolLoopRunning = false;
         this.adDetectSentForCurrentBreak = false;
+        this.latencyProfileApplied = false;
         this.continuousFetchLoopRunning = false;
         initializePolyfills();
         var browserOverrides = getBrowserConfigOverrides();
@@ -3498,24 +3507,21 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     2
                                 ];
                             case 7:
-                                this.hls = new import_hls2.default(_object_spread_props(_object_spread({
+                                this.hls = new import_hls2.default({
                                     enableWorker: true,
                                     backBufferLength: 30,
                                     liveDurationInfinity: true,
                                     lowLatencyMode: !!this.config.lowLatencyMode,
-                                    maxLiveSyncPlaybackRate: this.config.lowLatencyMode ? 1.5 : 1
-                                }, this.config.lowLatencyMode ? {
-                                    liveSyncDuration: 2
-                                } : {}), {
+                                    maxLiveSyncPlaybackRate: 1.1,
                                     maxBufferLength: 30,
                                     maxMaxBufferLength: 600,
                                     maxBufferSize: 60 * 1e3 * 1e3,
-                                    maxBufferHole: 0.5,
+                                    maxBufferHole: 1,
                                     highBufferWatchdogPeriod: 2,
-                                    nudgeOffset: 0.1,
-                                    nudgeMaxRetry: 3,
+                                    nudgeOffset: 0.2,
+                                    nudgeMaxRetry: 5,
                                     startPosition: -1
-                                }));
+                                });
                                 this.hls.on(import_hls2.default.Events.MEDIA_ATTACHED, function() {
                                     var _this_hls;
                                     (_this_hls = _this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.loadSource(_this.config.src);
@@ -3559,6 +3565,8 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                                     this.bufferedSegmentsCount = 0;
                                                     this.hasInitialBufferCompleted = false;
                                                     this.shouldAutoplayAfterBuffering = !!this.config.autoplay;
+                                                    this.latencyProfileApplied = false;
+                                                    this.detectedLowLatencyStream = void 0;
                                                     minSegments = (_this_config_minSegmentsBeforePlay = this.config.minSegmentsBeforePlay) !== null && _this_config_minSegmentsBeforePlay !== void 0 ? _this_config_minSegmentsBeforePlay : 2;
                                                     if (this.config.debugAdTiming) {
                                                         console.log("[StormcloudVideoPlayer] Waiting for", minSegments, "segments to buffer before playback");
@@ -3588,6 +3596,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     }).call(_this);
                                 });
                                 this.hls.on(import_hls2.default.Events.LEVEL_LOADED, function(_evt, data) {
+                                    _this.applyStreamLatencyProfile(data === null || data === void 0 ? void 0 : data.details);
                                     if (_this.inAdBreak || _this.pendingAdBreak) {
                                         return;
                                     }
@@ -3867,6 +3876,64 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 }).call(this);
             }
         },
+        {
+            key: "applyStreamLatencyProfile",
+            value: function applyStreamLatencyProfile(details) {
+                if (this.latencyProfileApplied || !this.hls) {
+                    return;
+                }
+                if (!details) {
+                    return;
+                }
+                if (details.live !== true) {
+                    this.latencyProfileApplied = true;
+                    this.detectedLowLatencyStream = false;
+                    return;
+                }
+                var isLowLatencyManifest = this.isLowLatencyManifest(details);
+                var useLowLatency = isLowLatencyManifest && !!this.config.lowLatencyMode;
+                this.detectedLowLatencyStream = useLowLatency;
+                this.latencyProfileApplied = true;
+                var cfg = this.hls.config;
+                if (useLowLatency) {
+                    cfg.maxLiveSyncPlaybackRate = 1.5;
+                    cfg.maxBufferHole = 0.5;
+                    delete cfg.liveSyncDuration;
+                } else {
+                    cfg.maxLiveSyncPlaybackRate = 1.1;
+                    cfg.maxBufferHole = 1;
+                    delete cfg.liveSyncDuration;
+                    cfg.liveSyncDurationCount = 3;
+                }
+                if (this.config.debugAdTiming) {
+                    var _details_targetduration;
+                    console.log("[StormcloudVideoPlayer] Live latency profile: ".concat(useLowLatency ? "LL-HLS (low latency)" : "standard live (stability)"), {
+                        isLowLatencyManifest: isLowLatencyManifest,
+                        lowLatencyModeRequested: !!this.config.lowLatencyMode,
+                        canBlockReload: details.canBlockReload,
+                        partTarget: details.partTarget,
+                        partHoldBack: details.partHoldBack,
+                        partListLength: Array.isArray(details.partList) ? details.partList.length : 0,
+                        targetDuration: (_details_targetduration = details.targetduration) !== null && _details_targetduration !== void 0 ? _details_targetduration : details.targetDuration,
+                        maxLiveSyncPlaybackRate: cfg.maxLiveSyncPlaybackRate,
+                        maxBufferHole: cfg.maxBufferHole
+                    });
+                }
+            }
+        },
+        {
+            key: "isLowLatencyManifest",
+            value: function isLowLatencyManifest(details) {
+                if (!details) {
+                    return false;
+                }
+                var hasParts = Array.isArray(details.partList) && details.partList.length > 0;
+                var hasPartTarget = typeof details.partTarget === "number" && details.partTarget > 0;
+                var hasPartHoldBack = typeof details.partHoldBack === "number" && details.partHoldBack > 0;
+                var canBlockReload = details.canBlockReload === true;
+                return hasParts || hasPartTarget || hasPartHoldBack || canBlockReload;
+            }
+        },
         {
             key: "attachImaEventListeners",
             value: function attachImaEventListeners() {
@@ -3923,10 +3990,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                             console.log("[StormcloudVideoPlayer] Starting ad break timer on content_pause (first ad starting)");
                         }
                     }
-                    var currentMuted = _this.video.muted;
-                    var currentVolume = _this.video.volume;
-                    var adVolume = currentMuted ? 0 : currentVolume;
-                    _this.ima.setAdVolume(adVolume);
+                    _this.ima.setAdVolume(_this.getPreAdBreakAdVolume());
                     if (_this.isShowingPlaceholder) {
                         if (_this.config.debugAdTiming) {
                             console.log("[StormcloudVideoPlayer] Hiding placeholder - new ads starting");
@@ -4680,6 +4744,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         {
             key: "startScte35AdBreak",
             value: function startScte35AdBreak(marker, cueKey, durationMs) {
+                this.capturePreAdBreakAudio();
                 if (!this.video.muted) {
                     this.video.muted = true;
                     this.video.volume = 0;
@@ -5857,6 +5922,12 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 return !!(this.config.allowNativeHls && !((_this_config_showCustomControls = this.config.showCustomControls) !== null && _this_config_showCustomControls !== void 0 ? _this_config_showCustomControls : false));
             }
         },
+        {
+            key: "isLowLatencyStream",
+            value: function isLowLatencyStream() {
+                return this.detectedLowLatencyStream;
+            }
+        },
         {
             key: "shouldContinueLiveStreamDuringAds",
             value: function shouldContinueLiveStreamDuringAds() {
@@ -6361,9 +6432,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 this.continuousFetchingActive = true;
                                 this.isShowingPlaceholder = false;
                                 this.totalAdRequestsInBreak = 0;
-                                currentMuted = this.video.muted;
-                                currentVolume = this.video.volume;
-                                this.ima.updateOriginalMutedState(currentMuted, currentVolume);
+                                this.capturePreAdBreakAudio();
+                                currentMuted = this.preAdBreakAudio.muted;
+                                currentVolume = this.preAdBreakAudio.volume;
                                 if (!this.video.muted) {
                                     this.video.muted = true;
                                     this.video.volume = 0;
@@ -6838,7 +6909,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             value: function tryNextAvailableAd() {
                 var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
                 return _async_to_generator(function() {
-                    var remaining, preloaded, currentMuted, currentVolume, adVolume, error, nextAdUrl, currentMuted1, currentVolume1, error1, errorMessage, maxRetries;
+                    var remaining, preloaded, error, _ref, _ref1, _this_preAdBreakAudio, _this_preAdBreakAudio1, nextAdUrl, error1, errorMessage, maxRetries;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -6910,10 +6981,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (this.expectedAdBreakDurationMs != null && this.adStopTimerId == null) {
                                     this.scheduleAdStopAtBreakBoundary();
                                 }
-                                currentMuted = this.video.muted;
-                                currentVolume = this.video.volume;
-                                adVolume = currentMuted ? 0 : currentVolume;
-                                this.ima.setAdVolume(adVolume);
+                                this.ima.setAdVolume(this.getPreAdBreakAdVolume());
                                 this.consecutiveFailures = 0;
                                 return [
                                     2
@@ -6960,9 +7028,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (this.config.debugAdTiming) {
                                     console.log("[CONTINUOUS-FETCH] \uD83C\uDFAC Requesting next ad via IMA SDK (".concat(this.currentAdIndex + 1, "/").concat(this.totalAdsInBreak, ", ").concat(this.adRequestQueue.length, " remaining in queue)"));
                                 }
-                                currentMuted1 = this.video.muted;
-                                currentVolume1 = this.video.volume;
-                                this.ima.updateOriginalMutedState(currentMuted1, currentVolume1);
+                                this.ima.updateOriginalMutedState((_ref = (_this_preAdBreakAudio = this.preAdBreakAudio) === null || _this_preAdBreakAudio === void 0 ? void 0 : _this_preAdBreakAudio.muted) !== null && _ref !== void 0 ? _ref : this.video.muted, (_ref1 = (_this_preAdBreakAudio1 = this.preAdBreakAudio) === null || _this_preAdBreakAudio1 === void 0 ? void 0 : _this_preAdBreakAudio1.volume) !== null && _ref1 !== void 0 ? _ref1 : this.video.volume);
                                 this.currentAdIndex++;
                                 this.totalAdRequestsInBreak++;
                                 this.lastAdRequestTime = Date.now();
@@ -7055,7 +7121,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             key: "showPlaceholderAndWaitForAds",
             value: function showPlaceholderAndWaitForAds() {
                 return _async_to_generator(function() {
-                    var remaining, waitTime, checkInterval, maxChecks, i, nextAdUrl, currentMuted, currentVolume, error, errorMessage;
+                    var remaining, waitTime, checkInterval, maxChecks, i, _ref, _ref1, _this_preAdBreakAudio, _this_preAdBreakAudio1, nextAdUrl, error, errorMessage;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -7151,9 +7217,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 }
                                 this.isShowingPlaceholder = false;
                                 this.ima.hidePlaceholder();
-                                currentMuted = this.video.muted;
-                                currentVolume = this.video.volume;
-                                this.ima.updateOriginalMutedState(currentMuted, currentVolume);
+                                this.ima.updateOriginalMutedState((_ref = (_this_preAdBreakAudio = this.preAdBreakAudio) === null || _this_preAdBreakAudio === void 0 ? void 0 : _this_preAdBreakAudio.muted) !== null && _ref !== void 0 ? _ref : this.video.muted, (_ref1 = (_this_preAdBreakAudio1 = this.preAdBreakAudio) === null || _this_preAdBreakAudio1 === void 0 ? void 0 : _this_preAdBreakAudio1.volume) !== null && _ref1 !== void 0 ? _ref1 : this.video.volume);
                                 this.currentAdIndex++;
                                 this.totalAdRequestsInBreak++;
                                 this.lastAdRequestTime = Date.now();
@@ -7335,7 +7399,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 first = tags[0];
                                 rest = tags.slice(1);
                                 this.adPodQueue = rest;
-                                this.ima.updateOriginalMutedState(this.video.muted, this.video.volume);
+                                this.capturePreAdBreakAudio();
                                 this.showAds = true;
                                 this.inAdBreak = true;
                                 this.currentAdBreakStartWallClockMs = Date.now();
@@ -7362,12 +7426,10 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 ];
                             case 3:
                                 error = _state.sent();
-                                this.adPodQueue = [];
-                                this.inAdBreak = false;
-                                this.showAds = false;
                                 if (this.config.debugAdTiming) {
                                     console.warn("[StormcloudVideoPlayer] VMAP ad request failed:", error);
                                 }
+                                this.handleAdPodComplete();
                                 return [
                                     3,
                                     4
@@ -7598,7 +7660,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             key: "playSingleAd",
             value: function playSingleAd(vastTagUrl) {
                 return _async_to_generator(function() {
-                    var requestToken, currentMuted, currentVolume, adVolume, playError, preloadedFallback, currentMuted1, currentVolume1, adVolume1, fallbackError, error, errorMessage, preloadedFallback1, currentMuted2, currentVolume2, adVolume2, fallbackError1;
+                    var requestToken, playError, preloadedFallback, fallbackError, error, errorMessage, preloadedFallback1, fallbackError1;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -7685,10 +7747,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (this.expectedAdBreakDurationMs != null && this.adStopTimerId == null) {
                                     this.scheduleAdStopAtBreakBoundary();
                                 }
-                                currentMuted = this.video.muted;
-                                currentVolume = this.video.volume;
-                                adVolume = currentMuted ? 0 : currentVolume;
-                                this.ima.setAdVolume(adVolume);
+                                this.ima.setAdVolume(this.getPreAdBreakAdVolume());
                                 this.consecutiveFailures = 0;
                                 this.temporaryFailureUrls.delete(vastTagUrl);
                                 return [
@@ -7735,10 +7794,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (this.expectedAdBreakDurationMs != null && this.adStopTimerId == null) {
                                     this.scheduleAdStopAtBreakBoundary();
                                 }
-                                currentMuted1 = this.video.muted;
-                                currentVolume1 = this.video.volume;
-                                adVolume1 = currentMuted1 ? 0 : currentVolume1;
-                                this.ima.setAdVolume(adVolume1);
+                                this.ima.setAdVolume(this.getPreAdBreakAdVolume());
                                 return [
                                     2
                                 ];
@@ -7812,10 +7868,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 ];
                             case 14:
                                 _state.sent();
-                                currentMuted2 = this.video.muted;
-                                currentVolume2 = this.video.volume;
-                                adVolume2 = currentMuted2 ? 0 : currentVolume2;
-                                this.ima.setAdVolume(adVolume2);
+                                this.ima.setAdVolume(this.getPreAdBreakAdVolume());
                                 return [
                                     2
                                 ];
@@ -7855,6 +7908,33 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 }).call(this);
             }
         },
+        {
+            key: "capturePreAdBreakAudio",
+            value: function capturePreAdBreakAudio() {
+                if (this.preAdBreakAudio) {
+                    return;
+                }
+                var captured = {
+                    muted: this.video.muted,
+                    volume: typeof this.video.volume === "number" && !Number.isNaN(this.video.volume) ? Math.max(0, Math.min(1, this.video.volume)) : 1
+                };
+                this.preAdBreakAudio = captured;
+                this.ima.updateOriginalMutedState(captured.muted, captured.volume);
+                if (this.config.debugAdTiming) {
+                    console.log("[StormcloudVideoPlayer] Captured pre-ad-break audio state: muted=".concat(captured.muted, ", volume=").concat(captured.volume));
+                }
+            }
+        },
+        {
+            key: "getPreAdBreakAdVolume",
+            value: function getPreAdBreakAdVolume() {
+                var state = this.preAdBreakAudio;
+                if (state) {
+                    return state.muted ? 0 : state.volume;
+                }
+                return this.ima.getOriginalMutedState() ? 0 : this.ima.getOriginalVolume();
+            }
+        },
         {
             key: "handleAdPodComplete",
             value: function handleAdPodComplete() {
@@ -7888,14 +7968,19 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 this.consecutiveFailures = 0;
                 this.globalConsecutiveNoFills = 0;
                 this.ima.stop().catch(function() {});
-                var restoredMuted = this.ima.getOriginalMutedState();
-                var restoredVolume = this.ima.getOriginalVolume();
+                var restoredMuted = this.preAdBreakAudio ? this.preAdBreakAudio.muted : this.ima.getOriginalMutedState();
+                var restoredVolume = this.preAdBreakAudio ? this.preAdBreakAudio.volume : this.ima.getOriginalVolume();
+                this.ima.updateOriginalMutedState(restoredMuted, restoredVolume);
                 if (this.video.muted !== restoredMuted) {
                     this.video.muted = restoredMuted;
                 }
                 if (Math.abs(this.video.volume - restoredVolume) > 0.01) {
                     this.video.volume = restoredVolume;
                 }
+                this.preAdBreakAudio = void 0;
+                if (this.config.debugAdTiming) {
+                    console.log("[StormcloudVideoPlayer] Restored post-ad-break audio state: muted=".concat(restoredMuted, ", volume=").concat(restoredVolume));
+                }
                 if (this.shouldContinueLiveStreamDuringAds()) {
                     if (this.video.paused) {
                         var _this_video_play;
@@ -8305,6 +8390,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 this.clearAdFailsafeTimer();
                 this.clearAdRequestWatchdog();
                 this.clearPendingAdBreak();
+                this.preAdBreakAudio = void 0;
                 if (this.placeholderContainer) {
                     if (this.placeholderContainer.parentElement) {
                         this.placeholderContainer.parentElement.removeChild(this.placeholderContainer);