stormcloud-video-player 0.8.49 → 0.8.50

package/lib/players/HlsPlayer.d.cts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { S as StormcloudVideoPlayerConfig } from '../types-iDjS8f_7.cjs';
+import { a as StormcloudVideoPlayerConfig } from '../types-cTqIKw_D.cjs';
 
 interface HlsPlayerProps extends StormcloudVideoPlayerConfig {
     onMount?: (player: any) => void;

package/lib/players/index.cjs

@@ -447,6 +447,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;
@@ -466,6 +467,7 @@ function createHlsAdPlayer(contentVideo, options) {
     var lastAdProgressTime = 0;
     var lastAdProgressPosition = 0;
     var sawDecodedVideoFrame = false;
+    var videoFrameCallbackHandle;
     var trackingFired = {
         impression: false,
         start: false,
@@ -1352,6 +1354,7 @@ function createHlsAdPlayer(contentVideo, options) {
             clearInterval(stallWatchdogId);
             stallWatchdogId = void 0;
         }
+        cancelVideoFrameProbe();
     }
     function noteAdProgress() {
         lastAdProgressTime = Date.now();
@@ -1387,6 +1390,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();
@@ -1402,6 +1438,7 @@ function createHlsAdPlayer(contentVideo, options) {
         clearStallWatchdog();
         noteAdProgress();
         sawDecodedVideoFrame = false;
+        startVideoFrameProbe();
         stallWatchdogId = window.setInterval(function() {
             if (!adPlaying || !adVideoElement) {
                 return;
@@ -1410,7 +1447,8 @@ 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) {
+                    markFrameCounterReliable();
+                } else if (decodedFrames === 0 && adVideoElement.currentTime >= BLACKFRAME_MIN_PLAYBACK_S && isFrameCounterReliable()) {
                     handleVideoDecodeFailure();
                     return;
                 }
@@ -6255,17 +6293,17 @@ var AdTimingService = /*#__PURE__*/ function() {
         {
             key: "logAdState",
             value: function logAdState(event) {
-                var extra = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, adPlayer = arguments.length > 2 ? arguments[2] : void 0, inAdBreak = arguments.length > 3 ? arguments[3] : void 0, showAds = arguments.length > 4 ? arguments[4] : void 0;
-                var _ref;
+                var extra = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
                 if (!this.debug) {
                     return;
                 }
+                var _this_callbacks_getAdState = this.callbacks.getAdState(), inAdBreak = _this_callbacks_getAdState.inAdBreak, showAds = _this_callbacks_getAdState.showAds, adPlaying = _this_callbacks_getAdState.adPlaying;
                 console.log("[StormcloudVideoPlayer][AdState]", _object_spread({
                     event: event,
                     timestamp: /* @__PURE__ */ new Date().toISOString(),
-                    showAds: showAds !== null && showAds !== void 0 ? showAds : false,
-                    adPlaying: (_ref = adPlayer === null || adPlayer === void 0 ? void 0 : adPlayer.isAdPlaying()) !== null && _ref !== void 0 ? _ref : false,
-                    inAdBreak: inAdBreak !== null && inAdBreak !== void 0 ? inAdBreak : false,
+                    showAds: showAds,
+                    adPlaying: adPlaying,
+                    inAdBreak: inAdBreak,
                     activeAdRequestToken: this.activeAdRequestToken
                 }, extra));
             }
@@ -8615,6 +8653,13 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             },
             onFailsafeTimeout: function onFailsafeTimeout() {
                 return _this.adBreak.handleAdFailure();
+            },
+            getAdState: function getAdState() {
+                return {
+                    inAdBreak: _this.adBreak.inAdBreak,
+                    showAds: _this.adBreak.showAds,
+                    adPlaying: _this.adPlayer.isAdPlaying()
+                };
             }
         });
         this.placeholder = new PlaceholderLayer(this.video, !!this.config.debugAdTiming);