stormcloud-video-player 0.8.50 → 0.8.52

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -386,6 +386,179 @@ module.exports = __toCommonJS(StormcloudVideoPlayer_exports);
 var import_react = __toESM(require("react"), 1);
 // src/sdk/hlsAdPlayer.ts
 var import_hls = __toESM(require("hls.js"), 1);
+// src/utils/browserCompat.ts
+function getChromeVersion(ua) {
+    var match = ua.match(/Chrome\/(\d+)/);
+    return match && match[1] ? parseInt(match[1], 10) : 0;
+}
+function getWebKitVersion(ua) {
+    var match = ua.match(/AppleWebKit\/(\d+)/);
+    return match && match[1] ? parseInt(match[1], 10) : 0;
+}
+function getPlatform() {
+    var _navigator_userAgentData;
+    if ("userAgentData" in navigator && ((_navigator_userAgentData = navigator.userAgentData) === null || _navigator_userAgentData === void 0 ? void 0 : _navigator_userAgentData.platform)) {
+        return navigator.userAgentData.platform;
+    }
+    var ua = navigator.userAgent;
+    if (/Mac|iPhone|iPad|iPod/i.test(ua)) {
+        return /iPhone|iPad|iPod/i.test(ua) ? "iPhone" : "MacIntel";
+    }
+    if (/Win/i.test(ua)) {
+        return "Win32";
+    }
+    if (/Linux/i.test(ua)) {
+        return /Android/i.test(ua) ? "Linux armv8l" : "Linux x86_64";
+    }
+    if (/CrOS/i.test(ua)) {
+        return "CrOS";
+    }
+    return navigator.platform || "Unknown";
+}
+function detectBrowser() {
+    var ua = navigator.userAgent;
+    var platform = getPlatform();
+    var name = "Unknown";
+    var version = "0";
+    var majorVersion = 0;
+    var isSmartTV = false;
+    var isLegacyTV = false;
+    var supportsModernJS = true;
+    var webOSVersion;
+    var tizenVersion;
+    var chromeVersionNum;
+    var chromeVersion = getChromeVersion(ua);
+    var webkitVersion = getWebKitVersion(ua);
+    chromeVersionNum = chromeVersion > 0 ? chromeVersion : void 0;
+    if (/Web0S|webOS|LG Browser|LGSTB/i.test(ua)) {
+        name = "LG WebOS";
+        isSmartTV = true;
+        var match = ua.match(/Web0S[/\s]*([\d.]+)/i) || ua.match(/webOS[/\s]*([\d.]+)/i);
+        if (!match || !match[1]) {
+            match = ua.match(/webOSTV[/\s-]*([\d.]+)/i) || ua.match(/webOS\.TV[/\s-]*([\d.]+)/i);
+        }
+        if (match && match[1]) {
+            version = match[1];
+            var parts = version.split(".");
+            majorVersion = parts[0] ? parseInt(parts[0], 10) : 0;
+            webOSVersion = majorVersion;
+        } else if (chromeVersion > 0) {
+            if (chromeVersion >= 79) {
+                webOSVersion = 6;
+                version = "6.0";
+                majorVersion = 6;
+            } else if (chromeVersion >= 68) {
+                webOSVersion = 5;
+                version = "5.0";
+                majorVersion = 5;
+            } else if (chromeVersion >= 53) {
+                webOSVersion = 4;
+                version = "4.0";
+                majorVersion = 4;
+            } else if (chromeVersion >= 38) {
+                webOSVersion = 3;
+                version = "3.0";
+                majorVersion = 3;
+            } else {
+                webOSVersion = 2;
+                version = "2.0";
+                majorVersion = 2;
+            }
+        } else {
+            version = "Unknown";
+            webOSVersion = void 0;
+        }
+        isLegacyTV = webOSVersion !== void 0 && webOSVersion < 3;
+    } else if (/Tizen/i.test(ua)) {
+        name = "Samsung Tizen";
+        isSmartTV = true;
+        var match1 = ua.match(/Tizen[/\s]*([\d.]+)/i);
+        version = match1 && match1[1] ? match1[1] : "Unknown";
+        if (version !== "Unknown") {
+            var parts1 = version.split(".");
+            majorVersion = parts1[0] ? parseInt(parts1[0], 10) : 0;
+            tizenVersion = majorVersion;
+        }
+        isLegacyTV = tizenVersion !== void 0 && tizenVersion < 3;
+    } else if (/SMART-TV|SmartTV/i.test(ua)) {
+        name = "Smart TV";
+        isSmartTV = true;
+        isLegacyTV = chromeVersion > 0 && chromeVersion < 53;
+    } else if (/NetCast/i.test(ua)) {
+        name = "LG NetCast";
+        isSmartTV = true;
+        isLegacyTV = true;
+    } else if (/BRAVIA/i.test(ua)) {
+        name = "Sony BRAVIA";
+        isSmartTV = true;
+        isLegacyTV = chromeVersion > 0 && chromeVersion < 53;
+    } else {
+        if (chromeVersion > 0) {
+            name = "Chrome";
+            version = chromeVersion.toString();
+            majorVersion = chromeVersion;
+            if (chromeVersion < 50) {
+                supportsModernJS = false;
+            }
+        }
+        if (webkitVersion > 0 && webkitVersion < 600) {
+            supportsModernJS = false;
+        }
+    }
+    if (typeof Promise === "undefined" || typeof Map === "undefined" || typeof Set === "undefined") {
+        supportsModernJS = false;
+    }
+    if (typeof URLSearchParams === "undefined") {
+        supportsModernJS = false;
+    }
+    return {
+        name: name,
+        version: version,
+        majorVersion: majorVersion,
+        isSmartTV: isSmartTV,
+        isLegacyTV: isLegacyTV,
+        platform: platform,
+        supportsModernJS: supportsModernJS,
+        webOSVersion: webOSVersion,
+        tizenVersion: tizenVersion,
+        chromeVersion: chromeVersionNum
+    };
+}
+function requiresMediaPipelineResetAfterAds() {
+    var _browser_tizenVersion;
+    var browser = detectBrowser();
+    return browser.name === "Samsung Tizen" && ((_browser_tizenVersion = browser.tizenVersion) !== null && _browser_tizenVersion !== void 0 ? _browser_tizenVersion : 0) >= 5;
+}
+function getBrowserConfigOverrides() {
+    var browser = detectBrowser();
+    var overrides = {};
+    if (browser.isSmartTV) {
+        overrides.allowNativeHls = true;
+        overrides.pauseContentDuringAds = true;
+    }
+    return overrides;
+}
+function logBrowserInfo() {
+    var debug = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+    if (!debug) return;
+    var browser = detectBrowser();
+    console.log("[StormcloudVideoPlayer] Browser Compatibility Info:", _object_spread_props(_object_spread({
+        browser: "".concat(browser.name, " ").concat(browser.version),
+        platform: browser.platform,
+        isSmartTV: browser.isSmartTV,
+        isLegacyTV: browser.isLegacyTV,
+        supportsModernJS: browser.supportsModernJS
+    }, browser.webOSVersion !== void 0 ? {
+        webOSVersion: browser.webOSVersion
+    } : {}, browser.tizenVersion !== void 0 ? {
+        tizenVersion: browser.tizenVersion
+    } : {}, browser.chromeVersion !== void 0 ? {
+        chromeVersion: browser.chromeVersion
+    } : {}), {
+        userAgent: navigator.userAgent
+    }));
+}
+// src/sdk/hlsAdPlayer.ts
 var MAX_VAST_WRAPPER_DEPTH = 5;
 function createHlsAdPlayer(contentVideo, options) {
     var _contentVideo_AD_VIDEO_PROP, _contentVideo_AD_CONTAINER_PROP;
@@ -398,6 +571,7 @@ function createHlsAdPlayer(contentVideo, options) {
     var AD_CONTAINER_PROP = "__stormcloudAdContainer";
     var AD_VIDEO_PROP = "__stormcloudAdVideo";
     var FRAME_COUNTER_RELIABLE_PROP = "__stormcloudFrameCounterReliable";
+    var RVFC_RELIABLE_PROP = "__stormcloudRvfcReliable";
     var adVideoElement = (_contentVideo_AD_VIDEO_PROP = contentVideo[AD_VIDEO_PROP]) !== null && _contentVideo_AD_VIDEO_PROP !== void 0 ? _contentVideo_AD_VIDEO_PROP : void 0;
     var adHls;
     var adContainerEl = (_contentVideo_AD_CONTAINER_PROP = contentVideo[AD_CONTAINER_PROP]) !== null && _contentVideo_AD_CONTAINER_PROP !== void 0 ? _contentVideo_AD_CONTAINER_PROP : void 0;
@@ -418,6 +592,7 @@ function createHlsAdPlayer(contentVideo, options) {
     var lastAdProgressPosition = 0;
     var sawDecodedVideoFrame = false;
     var videoFrameCallbackHandle;
+    var pendingPlayPromise;
     var trackingFired = {
         impression: false,
         start: false,
@@ -1221,6 +1396,60 @@ function createHlsAdPlayer(contentVideo, options) {
             complete: false
         };
     }
+    function isRvfcSupported(video) {
+        return typeof video.requestVideoFrameCallback === "function";
+    }
+    function settlePendingPlay() {
+        pendingPlayPromise = void 0;
+    }
+    function startAdPlayback(context) {
+        if (!adVideoElement) return;
+        var playPromise = adVideoElement.play();
+        pendingPlayPromise = playPromise;
+        playPromise.catch(function(error) {
+            if (pendingPlayPromise !== playPromise) {
+                return;
+            }
+            console.error("[HlsAdPlayer] Error starting ".concat(context, ":"), error);
+            handleAdError();
+        }).finally(function() {
+            if (pendingPlayPromise === playPromise) {
+                pendingPlayPromise = void 0;
+            }
+        });
+    }
+    function prepareVideoElementForNewSource() {
+        settlePendingPlay();
+        if (adHls) {
+            adHls.destroy();
+            adHls = void 0;
+        }
+        if (!adVideoElement) return;
+        try {
+            adVideoElement.pause();
+            adVideoElement.removeAttribute("src");
+            adVideoElement.load();
+        } catch (error) {
+            console.warn("[HlsAdPlayer] Error preparing ad video for new source:", error);
+        }
+    }
+    function recreateAdVideoElement() {
+        console.log("[HlsAdPlayer] Recreating ad video element (single-decoder platform)");
+        teardownAdEventListeners();
+        prepareVideoElementForNewSource();
+        if (adVideoElement) {
+            try {
+                adVideoElement.remove();
+            } catch (error) {
+                console.warn("[HlsAdPlayer] Error removing ad video element:", error);
+            }
+        }
+        adVideoElement = createAdVideoElement();
+        adContainerEl === null || adContainerEl === void 0 ? void 0 : adContainerEl.appendChild(adVideoElement);
+        contentVideo[AD_VIDEO_PROP] = adVideoElement;
+        adVideoElement.volume = Math.max(0, Math.min(1, originalVolume));
+        adVideoElement.muted = originalMutedState;
+    }
     function loadCurrentAdMedia() {
         if (!adVideoElement || !currentAd) {
             throw new Error("No ad video element or ad to load");
@@ -1243,10 +1472,7 @@ function createHlsAdPlayer(contentVideo, options) {
             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();
-                });
+                startAdPlayback("HLS ad playback");
             });
             adHls.on(import_hls.default.Events.ERROR, function(_event, data) {
                 console.error("[HlsAdPlayer] HLS error:", data);
@@ -1256,10 +1482,7 @@ function createHlsAdPlayer(contentVideo, options) {
             });
         } 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();
-            });
+            startAdPlayback("native HLS ad playback");
         } else if (!isHlsAd && isProgressiveMediaFile(mediaFile)) {
             if (adHls) {
                 adHls.destroy();
@@ -1267,10 +1490,7 @@ function createHlsAdPlayer(contentVideo, options) {
             }
             adVideoElement.src = mediaFile.url;
             adVideoElement.load();
-            adVideoElement.play().catch(function(error) {
-                console.error("[HlsAdPlayer] Error starting progressive ad playback:", error);
-                handleAdError();
-            });
+            startAdPlayback("progressive ad playback");
         } else {
             throw new Error("Unsupported ad media file type: ".concat(mediaFile.type));
         }
@@ -1287,6 +1507,13 @@ function createHlsAdPlayer(contentVideo, options) {
             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"));
         }
+        clearStallWatchdog();
+        if (requiresMediaPipelineResetAfterAds()) {
+            recreateAdVideoElement();
+            setupAdEventListeners();
+        } else {
+            prepareVideoElementForNewSource();
+        }
         try {
             loadCurrentAdMedia();
             emit("pod_ad_started", {
@@ -1346,6 +1573,12 @@ function createHlsAdPlayer(contentVideo, options) {
     function markFrameCounterReliable() {
         contentVideo[FRAME_COUNTER_RELIABLE_PROP] = true;
     }
+    function isRvfcReliable() {
+        return contentVideo[RVFC_RELIABLE_PROP] === true;
+    }
+    function markRvfcReliable() {
+        contentVideo[RVFC_RELIABLE_PROP] = true;
+    }
     function cancelVideoFrameProbe() {
         if (videoFrameCallbackHandle != null && adVideoElement && typeof adVideoElement.cancelVideoFrameCallback === "function") {
             try {
@@ -1365,6 +1598,7 @@ function createHlsAdPlayer(contentVideo, options) {
             videoFrameCallbackHandle = void 0;
             if (!adPlaying) return;
             sawDecodedVideoFrame = true;
+            markRvfcReliable();
         };
         try {
             videoFrameCallbackHandle = rvfc.call(adVideoElement, onPresentedFrame);
@@ -1389,18 +1623,26 @@ function createHlsAdPlayer(contentVideo, options) {
         noteAdProgress();
         sawDecodedVideoFrame = false;
         startVideoFrameProbe();
+        var blackFrameDetectionEnabled = !requiresMediaPipelineResetAfterAds();
         stallWatchdogId = window.setInterval(function() {
             if (!adPlaying || !adVideoElement) {
                 return;
             }
-            if (!sawDecodedVideoFrame && !adVideoElement.paused) {
+            if (blackFrameDetectionEnabled && !sawDecodedVideoFrame && !adVideoElement.paused) {
                 var decodedFrames = getDecodedVideoFrameCount(adVideoElement);
                 if (decodedFrames !== void 0 && decodedFrames > 0) {
                     sawDecodedVideoFrame = true;
                     markFrameCounterReliable();
-                } else if (decodedFrames === 0 && adVideoElement.currentTime >= BLACKFRAME_MIN_PLAYBACK_S && isFrameCounterReliable()) {
-                    handleVideoDecodeFailure();
-                    return;
+                } else if (adVideoElement.currentTime >= BLACKFRAME_MIN_PLAYBACK_S) {
+                    var timeAdvancing = adVideoElement.currentTime > lastAdProgressPosition + 0.05;
+                    if (isRvfcSupported(adVideoElement) && timeAdvancing && isRvfcReliable()) {
+                        handleVideoDecodeFailure();
+                        return;
+                    }
+                    if (decodedFrames === 0 && timeAdvancing && isFrameCounterReliable()) {
+                        handleVideoDecodeFailure();
+                        return;
+                    }
                 }
             }
             if (adVideoElement.currentTime > lastAdProgressPosition + 0.05) {
@@ -1417,19 +1659,7 @@ function createHlsAdPlayer(contentVideo, options) {
         }, STALL_CHECK_INTERVAL_MS);
     }
     function releaseAdDecoder() {
-        if (adHls) {
-            adHls.destroy();
-            adHls = void 0;
-        }
-        if (adVideoElement) {
-            try {
-                adVideoElement.pause();
-                adVideoElement.removeAttribute("src");
-                adVideoElement.load();
-            } catch (error) {
-                console.warn("[HlsAdPlayer] Error releasing ad decoder:", error);
-            }
-        }
+        prepareVideoElementForNewSource();
         if (adContainerEl) {
             adContainerEl.style.display = "none";
             adContainerEl.style.pointerEvents = "none";
@@ -1806,7 +2036,7 @@ function createHlsAdPlayer(contentVideo, options) {
             }
         },
         hidePlaceholder: function hidePlaceholder() {
-            if (adContainerEl) {
+            if (adContainerEl && !adPlaying) {
                 adContainerEl.style.display = "none";
                 adContainerEl.style.pointerEvents = "none";
             }
@@ -4000,178 +4230,6 @@ function fetchConsentSignals() {
         return signals;
     });
 }
-// src/utils/browserCompat.ts
-function getChromeVersion(ua) {
-    var match = ua.match(/Chrome\/(\d+)/);
-    return match && match[1] ? parseInt(match[1], 10) : 0;
-}
-function getWebKitVersion(ua) {
-    var match = ua.match(/AppleWebKit\/(\d+)/);
-    return match && match[1] ? parseInt(match[1], 10) : 0;
-}
-function getPlatform() {
-    var _navigator_userAgentData;
-    if ("userAgentData" in navigator && ((_navigator_userAgentData = navigator.userAgentData) === null || _navigator_userAgentData === void 0 ? void 0 : _navigator_userAgentData.platform)) {
-        return navigator.userAgentData.platform;
-    }
-    var ua = navigator.userAgent;
-    if (/Mac|iPhone|iPad|iPod/i.test(ua)) {
-        return /iPhone|iPad|iPod/i.test(ua) ? "iPhone" : "MacIntel";
-    }
-    if (/Win/i.test(ua)) {
-        return "Win32";
-    }
-    if (/Linux/i.test(ua)) {
-        return /Android/i.test(ua) ? "Linux armv8l" : "Linux x86_64";
-    }
-    if (/CrOS/i.test(ua)) {
-        return "CrOS";
-    }
-    return navigator.platform || "Unknown";
-}
-function detectBrowser() {
-    var ua = navigator.userAgent;
-    var platform = getPlatform();
-    var name = "Unknown";
-    var version = "0";
-    var majorVersion = 0;
-    var isSmartTV = false;
-    var isLegacyTV = false;
-    var supportsModernJS = true;
-    var webOSVersion;
-    var tizenVersion;
-    var chromeVersionNum;
-    var chromeVersion = getChromeVersion(ua);
-    var webkitVersion = getWebKitVersion(ua);
-    chromeVersionNum = chromeVersion > 0 ? chromeVersion : void 0;
-    if (/Web0S|webOS|LG Browser|LGSTB/i.test(ua)) {
-        name = "LG WebOS";
-        isSmartTV = true;
-        var match = ua.match(/Web0S[/\s]*([\d.]+)/i) || ua.match(/webOS[/\s]*([\d.]+)/i);
-        if (!match || !match[1]) {
-            match = ua.match(/webOSTV[/\s-]*([\d.]+)/i) || ua.match(/webOS\.TV[/\s-]*([\d.]+)/i);
-        }
-        if (match && match[1]) {
-            version = match[1];
-            var parts = version.split(".");
-            majorVersion = parts[0] ? parseInt(parts[0], 10) : 0;
-            webOSVersion = majorVersion;
-        } else if (chromeVersion > 0) {
-            if (chromeVersion >= 79) {
-                webOSVersion = 6;
-                version = "6.0";
-                majorVersion = 6;
-            } else if (chromeVersion >= 68) {
-                webOSVersion = 5;
-                version = "5.0";
-                majorVersion = 5;
-            } else if (chromeVersion >= 53) {
-                webOSVersion = 4;
-                version = "4.0";
-                majorVersion = 4;
-            } else if (chromeVersion >= 38) {
-                webOSVersion = 3;
-                version = "3.0";
-                majorVersion = 3;
-            } else {
-                webOSVersion = 2;
-                version = "2.0";
-                majorVersion = 2;
-            }
-        } else {
-            version = "Unknown";
-            webOSVersion = void 0;
-        }
-        isLegacyTV = webOSVersion !== void 0 && webOSVersion < 3;
-    } else if (/Tizen/i.test(ua)) {
-        name = "Samsung Tizen";
-        isSmartTV = true;
-        var match1 = ua.match(/Tizen[/\s]*([\d.]+)/i);
-        version = match1 && match1[1] ? match1[1] : "Unknown";
-        if (version !== "Unknown") {
-            var parts1 = version.split(".");
-            majorVersion = parts1[0] ? parseInt(parts1[0], 10) : 0;
-            tizenVersion = majorVersion;
-        }
-        isLegacyTV = tizenVersion !== void 0 && tizenVersion < 3;
-    } else if (/SMART-TV|SmartTV/i.test(ua)) {
-        name = "Smart TV";
-        isSmartTV = true;
-        isLegacyTV = chromeVersion > 0 && chromeVersion < 53;
-    } else if (/NetCast/i.test(ua)) {
-        name = "LG NetCast";
-        isSmartTV = true;
-        isLegacyTV = true;
-    } else if (/BRAVIA/i.test(ua)) {
-        name = "Sony BRAVIA";
-        isSmartTV = true;
-        isLegacyTV = chromeVersion > 0 && chromeVersion < 53;
-    } else {
-        if (chromeVersion > 0) {
-            name = "Chrome";
-            version = chromeVersion.toString();
-            majorVersion = chromeVersion;
-            if (chromeVersion < 50) {
-                supportsModernJS = false;
-            }
-        }
-        if (webkitVersion > 0 && webkitVersion < 600) {
-            supportsModernJS = false;
-        }
-    }
-    if (typeof Promise === "undefined" || typeof Map === "undefined" || typeof Set === "undefined") {
-        supportsModernJS = false;
-    }
-    if (typeof URLSearchParams === "undefined") {
-        supportsModernJS = false;
-    }
-    return {
-        name: name,
-        version: version,
-        majorVersion: majorVersion,
-        isSmartTV: isSmartTV,
-        isLegacyTV: isLegacyTV,
-        platform: platform,
-        supportsModernJS: supportsModernJS,
-        webOSVersion: webOSVersion,
-        tizenVersion: tizenVersion,
-        chromeVersion: chromeVersionNum
-    };
-}
-function requiresMediaPipelineResetAfterAds() {
-    var _browser_tizenVersion;
-    var browser = detectBrowser();
-    return browser.name === "Samsung Tizen" && ((_browser_tizenVersion = browser.tizenVersion) !== null && _browser_tizenVersion !== void 0 ? _browser_tizenVersion : 0) >= 5;
-}
-function getBrowserConfigOverrides() {
-    var browser = detectBrowser();
-    var overrides = {};
-    if (browser.isSmartTV) {
-        overrides.allowNativeHls = true;
-        overrides.pauseContentDuringAds = true;
-    }
-    return overrides;
-}
-function logBrowserInfo() {
-    var debug = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-    if (!debug) return;
-    var browser = detectBrowser();
-    console.log("[StormcloudVideoPlayer] Browser Compatibility Info:", _object_spread_props(_object_spread({
-        browser: "".concat(browser.name, " ").concat(browser.version),
-        platform: browser.platform,
-        isSmartTV: browser.isSmartTV,
-        isLegacyTV: browser.isLegacyTV,
-        supportsModernJS: browser.supportsModernJS
-    }, browser.webOSVersion !== void 0 ? {
-        webOSVersion: browser.webOSVersion
-    } : {}, browser.tizenVersion !== void 0 ? {
-        tizenVersion: browser.tizenVersion
-    } : {}, browser.chromeVersion !== void 0 ? {
-        chromeVersion: browser.chromeVersion
-    } : {}), {
-        userAgent: navigator.userAgent
-    }));
-}
 // src/player/Scte35Parser.ts
 function parseCueOutDuration(value) {
     var num = parseFloat(value.trim());