stormcloud-video-player 0.7.4 → 0.7.5

package/lib/players/HlsPlayer.d.cts

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

package/lib/players/index.cjs

@@ -579,8 +579,8 @@ var UNSUPPORTED_VIDEO_EXTENSIONS = [
 var REQUEST_TIMEOUT_MS = 5e3;
 var REQUEST_MAX_RETRIES = 3;
 var REQUEST_RETRY_BACKOFF_MS = 1500;
-var AD_LAYER_Z_INDEX = "2147483646";
-var COUNTDOWN_Z_INDEX = "2147483647";
+var AD_LAYER_Z_INDEX = "30";
+var COUNTDOWN_Z_INDEX = "31";
 var STALL_TIMEOUT_MS = 8e3;
 function getFileExtension(url) {
     try {
@@ -1284,7 +1284,7 @@ function createAdStormPlayer(contentVideo, options) {
                 container.style.isolation = "isolate";
                 var countdown = document.createElement("div");
                 countdown.style.position = "absolute";
-                countdown.style.right = "12px";
+                countdown.style.left = "12px";
                 countdown.style.top = "12px";
                 countdown.style.padding = "4px 8px";
                 countdown.style.borderRadius = "4px";
@@ -1735,7 +1735,7 @@ function createAdStormPlayer(contentVideo, options) {
                 container.style.isolation = "isolate";
                 var countdown = document.createElement("div");
                 countdown.style.position = "absolute";
-                countdown.style.right = "12px";
+                countdown.style.left = "12px";
                 countdown.style.top = "12px";
                 countdown.style.padding = "4px 8px";
                 countdown.style.borderRadius = "4px";
@@ -2831,6 +2831,7 @@ function getBrowserConfigOverrides() {
     return overrides;
 }
 // src/player/StormcloudVideoPlayer.ts
+var DEBUG_HISTORY_LIMIT = 120;
 var StormcloudVideoPlayer = /*#__PURE__*/ function() {
     function StormcloudVideoPlayer(config) {
         _class_call_check(this, StormcloudVideoPlayer);
@@ -2873,6 +2874,8 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         this.adRequestMaxRetries = 3;
         this.adRequestRetryBackoffMs = 1500;
         this.preloadedTokens = [];
+        this.debugLogEntries = [];
+        this.scteMarkerHistory = [];
         initializePolyfills();
         var browserOverrides = getBrowserConfigOverrides();
         this.config = _object_spread({}, browserOverrides, config);
@@ -3379,6 +3382,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                             errorMessage += ". Caused by: ".concat(causeMessage);
                         }
                     }
+                    _this.pushDebugLog("error", "ad", errorMessage, _object_spread({}, errorPayload ? {
+                        payload: errorPayload
+                    } : {}));
                     console.error("[AD-ERROR]", errorMessage, errorPayload || "");
                     _this.adLayer.stop().catch(function() {});
                     _this.handleAdFailure();
@@ -3820,6 +3826,13 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             value: function onScte35Marker(marker) {
                 var _this = this;
                 if (this.config.disableAds) return;
+                this.pushScteMarker(marker);
+                this.pushDebugLog("info", "scte35", "SCTE-35 marker detected", {
+                    type: marker.type,
+                    ptsSeconds: marker.ptsSeconds,
+                    durationSeconds: marker.durationSeconds,
+                    currentTime: this.video.currentTime
+                });
                 if (this.config.debugAdTiming) {
                     console.log("[StormcloudVideoPlayer] SCTE-35 marker detected:", {
                         type: marker.type,
@@ -5688,6 +5701,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 if (!this.config.debugAdTiming) {
                     return;
                 }
+                this.pushDebugLog("info", "ad-state", event, extra);
                 console.log("[StormcloudVideoPlayer][AdState]", _object_spread({
                     event: event,
                     timestamp: /* @__PURE__ */ new Date().toISOString(),
@@ -5707,6 +5721,59 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 return Math.max(0, this.expectedAdBreakDurationMs - elapsed);
             }
         },
+        {
+            key: "pushScteMarker",
+            value: function pushScteMarker(marker) {
+                if (!this.config.debugAdTiming) return;
+                this.scteMarkerHistory.push({
+                    timestampMs: Date.now(),
+                    marker: marker
+                });
+                if (this.scteMarkerHistory.length > DEBUG_HISTORY_LIMIT) {
+                    this.scteMarkerHistory = this.scteMarkerHistory.slice(-DEBUG_HISTORY_LIMIT);
+                }
+            }
+        },
+        {
+            key: "pushDebugLog",
+            value: function pushDebugLog(level, category, message, details) {
+                if (!this.config.debugAdTiming) return;
+                this.debugLogEntries.push(_object_spread({
+                    timestampMs: Date.now(),
+                    level: level,
+                    category: category,
+                    message: message
+                }, details ? {
+                    details: details
+                } : {}));
+                if (this.debugLogEntries.length > DEBUG_HISTORY_LIMIT) {
+                    this.debugLogEntries = this.debugLogEntries.slice(-DEBUG_HISTORY_LIMIT);
+                }
+            }
+        },
+        {
+            key: "getRecentScteMarkers",
+            value: function getRecentScteMarkers() {
+                return this.scteMarkerHistory.map(function(entry) {
+                    return _object_spread({
+                        timestampMs: entry.timestampMs,
+                        type: entry.marker.type
+                    }, entry.marker.ptsSeconds !== void 0 ? {
+                        ptsSeconds: entry.marker.ptsSeconds
+                    } : {}, entry.marker.durationSeconds !== void 0 ? {
+                        durationSeconds: entry.marker.durationSeconds
+                    } : {}, entry.marker.raw !== void 0 ? {
+                        raw: entry.marker.raw
+                    } : {});
+                });
+            }
+        },
+        {
+            key: "getDebugLogs",
+            value: function getDebugLogs() {
+                return this.debugLogEntries.slice();
+            }
+        },
         {
             key: "toggleMute",
             value: function toggleMute() {
@@ -5952,6 +6019,8 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 (_this_hls = this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.destroy();
                 (_this_adLayer = this.adLayer) === null || _this_adLayer === void 0 ? void 0 : _this_adLayer.destroy();
                 this.consecutiveFailures = 0;
+                this.debugLogEntries = [];
+                this.scteMarkerHistory = [];
             }
         }
     ]);