stormcloud-video-player 0.8.49 → 0.8.51

package/lib/sdk/hlsAdPlayer.cjs

@@ -198,6 +198,150 @@ __export(hlsAdPlayer_exports, {
 });
 module.exports = __toCommonJS(hlsAdPlayer_exports);
 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;
+}
+// src/sdk/hlsAdPlayer.ts
 var MAX_VAST_WRAPPER_DEPTH = 5;
 function createHlsAdPlayer(contentVideo, options) {
     var _contentVideo_AD_VIDEO_PROP, _contentVideo_AD_CONTAINER_PROP;
@@ -209,6 +353,7 @@ function createHlsAdPlayer(contentVideo, options) {
     var mainHlsInstance = options === null || options === void 0 ? void 0 : options.mainHlsInstance;
     var AD_CONTAINER_PROP = "__stormcloudAdContainer";
     var AD_VIDEO_PROP = "__stormcloudAdVideo";
+    var FRAME_COUNTER_RELIABLE_PROP = "__stormcloudFrameCounterReliable";
     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;
@@ -228,6 +373,8 @@ function createHlsAdPlayer(contentVideo, options) {
     var lastAdProgressTime = 0;
     var lastAdProgressPosition = 0;
     var sawDecodedVideoFrame = false;
+    var videoFrameCallbackHandle;
+    var pendingPlayPromise;
     var trackingFired = {
         impression: false,
         start: false,
@@ -1031,6 +1178,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");
@@ -1053,10 +1254,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);
@@ -1066,10 +1264,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();
@@ -1077,10 +1272,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));
         }
@@ -1097,6 +1289,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", {
@@ -1114,6 +1313,7 @@ function createHlsAdPlayer(contentVideo, options) {
             clearInterval(stallWatchdogId);
             stallWatchdogId = void 0;
         }
+        cancelVideoFrameProbe();
     }
     function noteAdProgress() {
         lastAdProgressTime = Date.now();
@@ -1149,6 +1349,39 @@ function createHlsAdPlayer(contentVideo, options) {
         }
         return void 0;
     }
+    function isFrameCounterReliable() {
+        return contentVideo[FRAME_COUNTER_RELIABLE_PROP] === true;
+    }
+    function markFrameCounterReliable() {
+        contentVideo[FRAME_COUNTER_RELIABLE_PROP] = true;
+    }
+    function cancelVideoFrameProbe() {
+        if (videoFrameCallbackHandle != null && adVideoElement && typeof adVideoElement.cancelVideoFrameCallback === "function") {
+            try {
+                adVideoElement.cancelVideoFrameCallback(videoFrameCallbackHandle);
+            } catch (error) {
+                console.warn("[HlsAdPlayer] Error cancelling video frame callback:", error);
+            }
+        }
+        videoFrameCallbackHandle = void 0;
+    }
+    function startVideoFrameProbe() {
+        cancelVideoFrameProbe();
+        if (!adVideoElement) return;
+        var rvfc = adVideoElement.requestVideoFrameCallback;
+        if (typeof rvfc !== "function") return;
+        var onPresentedFrame = function onPresentedFrame() {
+            videoFrameCallbackHandle = void 0;
+            if (!adPlaying) return;
+            sawDecodedVideoFrame = true;
+        };
+        try {
+            videoFrameCallbackHandle = rvfc.call(adVideoElement, onPresentedFrame);
+        } catch (error) {
+            console.warn("[HlsAdPlayer] Error requesting video frame callback:", error);
+            videoFrameCallbackHandle = void 0;
+        }
+    }
     function handleVideoDecodeFailure() {
         console.warn("[HlsAdPlayer] Ad audio is advancing but no video frames decoded (black screen) - skipping this creative");
         clearStallWatchdog();
@@ -1164,6 +1397,7 @@ function createHlsAdPlayer(contentVideo, options) {
         clearStallWatchdog();
         noteAdProgress();
         sawDecodedVideoFrame = false;
+        startVideoFrameProbe();
         stallWatchdogId = window.setInterval(function() {
             if (!adPlaying || !adVideoElement) {
                 return;
@@ -1172,9 +1406,17 @@ function createHlsAdPlayer(contentVideo, options) {
                 var decodedFrames = getDecodedVideoFrameCount(adVideoElement);
                 if (decodedFrames !== void 0 && decodedFrames > 0) {
                     sawDecodedVideoFrame = true;
-                } else if (decodedFrames === 0 && adVideoElement.currentTime >= BLACKFRAME_MIN_PLAYBACK_S) {
-                    handleVideoDecodeFailure();
-                    return;
+                    markFrameCounterReliable();
+                } else if (adVideoElement.currentTime >= BLACKFRAME_MIN_PLAYBACK_S) {
+                    var timeAdvancing = adVideoElement.currentTime > lastAdProgressPosition + 0.05;
+                    if (isRvfcSupported(adVideoElement) && timeAdvancing) {
+                        handleVideoDecodeFailure();
+                        return;
+                    }
+                    if (decodedFrames === 0 && timeAdvancing && isFrameCounterReliable()) {
+                        handleVideoDecodeFailure();
+                        return;
+                    }
                 }
             }
             if (adVideoElement.currentTime > lastAdProgressPosition + 0.05) {
@@ -1191,19 +1433,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";