stormcloud-video-player 0.8.21 → 0.8.23

package/lib/index.d.cts

@@ -229,6 +229,7 @@ interface BaseStormcloudPlayerProps {
     wrapperStyle?: CSSProperties;
     allowNativeHls?: boolean;
     lowLatencyMode?: boolean;
+    isLiveStream?: boolean;
     driftToleranceMs?: number;
     immediateManifestAds?: boolean;
     debugAdTiming?: boolean;

package/lib/index.d.ts

@@ -229,6 +229,7 @@ interface BaseStormcloudPlayerProps {
     wrapperStyle?: CSSProperties;
     allowNativeHls?: boolean;
     lowLatencyMode?: boolean;
+    isLiveStream?: boolean;
     driftToleranceMs?: number;
     immediateManifestAds?: boolean;
     debugAdTiming?: boolean;

package/lib/index.js

@@ -2327,6 +2327,18 @@ var AIRY_ROKU_APP_ID = "com.freeairytv.roku";
 var AIRY_APP_NAME = "AiryTV Movies & TV";
 var AIRY_DEFAULT_CONTENT_URL = "https://live.airy.tv";
 var CTV_SESSION_STORAGE_KEY = "stormcloud.ctv.sid";
+var LG_TEST_APP_ID = "com.hulu.plus";
+var LG_TEST_APP_NAME = "Hulu";
+var LG_TEST_CONTENT_URL = "https://www.hulu.com/live-tv";
+var _lgTestDeviceId;
+function getLgTestDeviceId() {
+    if (!_lgTestDeviceId) _lgTestDeviceId = createUuid();
+    return _lgTestDeviceId;
+}
+function isLgWebOS() {
+    if (typeof navigator === "undefined") return false;
+    return /Web0S|webOS|LG Browser|LGSTB|LGE/i.test(navigator.userAgent);
+}
 function getDefaultAppId() {
     if (typeof navigator === "undefined") return AIRY_ANDROID_APP_ID;
     var ua = navigator.userAgent;
@@ -2352,17 +2364,20 @@ var ANDROID_ID_TYPES = /* @__PURE__ */ new Set([
     "adid"
 ]);
 function resolveVastEnvironmentSignals(isCtv) {
-    var _ref, _bridgeSignals_limitAdTracking;
+    var _ref;
     var bridgeSignals = readNativeBridgeSignals();
-    var deviceId = bridgeSignals.deviceId || readStoredDeviceId();
-    var deviceIdType = bridgeSignals.deviceIdType || readStoredString("deviceIdType") || readStoredString("idtype") || inferDeviceIdType();
-    var limitAdTracking = deviceId != null ? (_ref = (_bridgeSignals_limitAdTracking = bridgeSignals.limitAdTracking) !== null && _bridgeSignals_limitAdTracking !== void 0 ? _bridgeSignals_limitAdTracking : readStoredLimitAdTracking()) !== null && _ref !== void 0 ? _ref : false : void 0;
+    var platformDevice = readPlatformNativeDeviceId();
+    var lg = isCtv && isLgWebOS();
+    var deviceId = bridgeSignals.deviceId || readStoredDeviceId() || platformDevice.deviceId || (lg && platformDevice.limitAdTracking !== true ? getLgTestDeviceId() : void 0);
+    var deviceIdType = bridgeSignals.deviceIdType || readStoredString("deviceIdType") || readStoredString("idtype") || platformDevice.deviceIdType || inferDeviceIdType() || (lg ? "lgudid" : void 0);
+    var platformLat = bridgeSignals.deviceId ? bridgeSignals.limitAdTracking : platformDevice.limitAdTracking;
+    var limitAdTracking = deviceId != null ? (_ref = platformLat !== null && platformLat !== void 0 ? platformLat : readStoredLimitAdTracking()) !== null && _ref !== void 0 ? _ref : false : void 0;
     if (isCtv) {
         return _object_spread_props(_object_spread({
             isCtv: true,
-            contentUrl: bridgeSignals.contentUrl || readStoredString("contentUrl") || AIRY_DEFAULT_CONTENT_URL,
-            appId: bridgeSignals.appId || readStoredString("appId") || readStoredString("msid") || getDefaultAppId(),
-            appName: bridgeSignals.appName || readStoredString("appName") || readStoredString("an") || AIRY_APP_NAME,
+            contentUrl: bridgeSignals.contentUrl || readStoredString("contentUrl") || (lg ? LG_TEST_CONTENT_URL : AIRY_DEFAULT_CONTENT_URL),
+            appId: bridgeSignals.appId || readStoredString("appId") || readStoredString("msid") || (lg ? LG_TEST_APP_ID : getDefaultAppId()),
+            appName: bridgeSignals.appName || readStoredString("appName") || readStoredString("an") || (lg ? LG_TEST_APP_NAME : AIRY_APP_NAME),
             sessionId: getOrCreateCtvSessionId()
         }, deviceId ? {
             deviceId: deviceId
@@ -2427,6 +2442,72 @@ function createUuid() {
         return nibble.toString(16);
     });
 }
+function readPlatformNativeDeviceId() {
+    if (typeof window === "undefined") return {};
+    try {
+        var _window_webapis;
+        var adinfo = (_window_webapis = window.webapis) === null || _window_webapis === void 0 ? void 0 : _window_webapis.adinfo;
+        if (adinfo) {
+            var tifa = typeof adinfo.getTIFA === "function" ? adinfo.getTIFA() : adinfo.tifa;
+            if (typeof tifa === "string" && tifa && !isMacroPlaceholder(tifa)) {
+                var lat = typeof adinfo.isLATEnabled === "function" ? adinfo.isLATEnabled() : void 0;
+                return _object_spread({
+                    deviceId: tifa,
+                    deviceIdType: "tifa"
+                }, typeof lat === "boolean" ? {
+                    limitAdTracking: lat
+                } : {});
+            }
+        }
+    } catch (unused) {}
+    try {
+        var webOSDev = window.webOSDev;
+        if (webOSDev) {
+            var _webOSDev_lgudid;
+            var lgudid = typeof webOSDev.LGUDID === "function" ? webOSDev.LGUDID() : (_webOSDev_lgudid = webOSDev.lgudid) !== null && _webOSDev_lgudid !== void 0 ? _webOSDev_lgudid : webOSDev.LGUDID;
+            if (typeof lgudid === "string" && lgudid) {
+                if (isZeroedAdId(lgudid)) {
+                    return {
+                        deviceIdType: "lgudid",
+                        limitAdTracking: true
+                    };
+                }
+                if (!isMacroPlaceholder(lgudid)) {
+                    return {
+                        deviceId: lgudid,
+                        deviceIdType: "lgudid",
+                        limitAdTracking: false
+                    };
+                }
+            }
+        }
+    } catch (unused) {}
+    try {
+        var roku = window.Roku;
+        if (roku) {
+            var rida = typeof roku.getPublisherUniqueId === "function" ? roku.getPublisherUniqueId() : roku.rida;
+            if (typeof rida === "string" && rida && !isMacroPlaceholder(rida)) {
+                return {
+                    deviceId: rida,
+                    deviceIdType: "rida",
+                    limitAdTracking: false
+                };
+            }
+        }
+    } catch (unused) {}
+    return {};
+}
+var ZEROED_AD_ID_PATTERNS = /* @__PURE__ */ new Set([
+    "38400000-8cf0-11bd-b23e-10b96e40000d",
+    "00000000-0000-0000-0000-000000000000"
+]);
+function isMacroPlaceholder(value) {
+    var t = value.trim();
+    return !t || /^(\[[^\]]*\]|\{[^}]*\}|%%[^%]*%%)$/.test(t) || /^(unknown|null|undefined|none|n\/a|\$\{[^}]+\})$/i.test(t) || ZEROED_AD_ID_PATTERNS.has(t.toLowerCase());
+}
+function isZeroedAdId(value) {
+    return ZEROED_AD_ID_PATTERNS.has(value.trim().toLowerCase());
+}
 function readNativeBridgeSignals() {
     if (typeof window === "undefined") {
         return {};
@@ -2767,7 +2848,7 @@ var INLINE_DEVICE_MACRO_REPLACEMENTS = [
         }
     }
 ];
-function isMacroPlaceholder(value) {
+function isMacroPlaceholder2(value) {
     if (value == null) return true;
     var trimmed = value.trim();
     if (!trimmed) return true;
@@ -2826,11 +2907,11 @@ function applyDeviceIdentityParams(params, ctx) {
     if (runtimeId) {
         params.set("rdid", runtimeId);
         params.set("idtype", runtimeType || tagType || "aaid");
-        params.set("is_lat", latValue !== null && latValue !== void 0 ? latValue : isMacroPlaceholder(tagLat) ? "0" : tagLat);
+        params.set("is_lat", latValue !== null && latValue !== void 0 ? latValue : isMacroPlaceholder2(tagLat) ? "0" : tagLat);
         return;
     }
-    var tagRdidValid = Boolean(tagRdid && !isMacroPlaceholder(tagRdid));
-    var tagTypeValid = Boolean(tagType && !isMacroPlaceholder(tagType));
+    var tagRdidValid = Boolean(tagRdid && !isMacroPlaceholder2(tagRdid));
+    var tagTypeValid = Boolean(tagType && !isMacroPlaceholder2(tagType));
     if (tagRdidValid && tagTypeValid && runtimeType && !isEquivalentDeviceIdType(tagType, runtimeType)) {
         params.delete("rdid");
         params.delete("idtype");
@@ -2838,10 +2919,10 @@ function applyDeviceIdentityParams(params, ctx) {
         return;
     }
     if (tagRdidValid) {
-        if (isMacroPlaceholder(tagType) && runtimeType) {
+        if (isMacroPlaceholder2(tagType) && runtimeType) {
             params.set("idtype", runtimeType);
         }
-        if (isMacroPlaceholder(tagLat)) {
+        if (isMacroPlaceholder2(tagLat)) {
             params.set("is_lat", latValue !== null && latValue !== void 0 ? latValue : "0");
         }
         return;
@@ -3027,7 +3108,7 @@ function applyVastMacros(baseUrl, ctx) {
     }
     var staleKeys = [];
     params.forEach(function(value, key) {
-        if (isMacroPlaceholder(value)) {
+        if (isMacroPlaceholder2(value)) {
             staleKeys.push(key);
         }
     });
@@ -6006,7 +6087,7 @@ var HlsEngine = /*#__PURE__*/ function() {
             key: "setupNativeHls",
             value: function setupNativeHls() {
                 return _async_to_generator(function() {
-                    var _this_config_isLiveStream, _this_config_lowLatencyMode, _this_video_play;
+                    var _this_config_isLiveStream, _this_config_lowLatencyMode, adBehavior, _this_video_play;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -6015,10 +6096,11 @@ var HlsEngine = /*#__PURE__*/ function() {
                                 this.video.src = this.config.src;
                                 this.isLiveStream = (_this_config_isLiveStream = this.config.isLiveStream) !== null && _this_config_isLiveStream !== void 0 ? _this_config_isLiveStream : (_this_config_lowLatencyMode = this.config.lowLatencyMode) !== null && _this_config_lowLatencyMode !== void 0 ? _this_config_lowLatencyMode : false;
                                 if (this.debug) {
-                                    console.log("[StormcloudVideoPlayer] Using native HLS playback - VOD mode:", {
+                                    adBehavior = this.isLiveStream ? "live (main video continues muted during ads)" : "vod (main video pauses during ads)";
+                                    console.log("[StormcloudVideoPlayer] Using native HLS playback:", {
                                         isLive: this.isLiveStream,
                                         allowNativeHls: this.config.allowNativeHls,
-                                        adBehavior: "vod (main video pauses during ads)"
+                                        adBehavior: adBehavior
                                     });
                                 }
                                 if (!this.config.autoplay) return [
@@ -6427,6 +6509,14 @@ var HlsEngine = /*#__PURE__*/ function() {
                 });
             }
         },
+        {
+            key: "getLiveSyncPosition",
+            value: function getLiveSyncPosition() {
+                var _this_hls;
+                var pos = (_this_hls = this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.liveSyncPosition;
+                return typeof pos === "number" && Number.isFinite(pos) ? pos : void 0;
+            }
+        },
         {
             key: "destroy",
             value: function destroy() {
@@ -8002,6 +8092,13 @@ var AdBreakOrchestrator = /*#__PURE__*/ function() {
                     this.host.video.volume = restoredVolume;
                 }
                 if (this.host.shouldContinueLiveStreamDuringAds()) {
+                    var liveSyncPos = this.host.getLiveSyncPosition();
+                    if (liveSyncPos != null && liveSyncPos > this.host.video.currentTime) {
+                        if (this.debug) {
+                            console.log("[StormcloudVideoPlayer] Live break end — snapping to live edge: ".concat(this.host.video.currentTime.toFixed(2), "s → ").concat(liveSyncPos.toFixed(2), "s"));
+                        }
+                        this.host.video.currentTime = liveSyncPos;
+                    }
                     if (this.host.video.paused) {
                         var _this_host_video_play;
                         if (this.debug) console.log("[StormcloudVideoPlayer] Content video paused in live mode after ads, resuming playback");
@@ -8145,6 +8242,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             shouldContinueLiveStreamDuringAds: function shouldContinueLiveStreamDuringAds() {
                 return _this.shouldContinueLiveStreamDuringAds();
             },
+            getLiveSyncPosition: function getLiveSyncPosition() {
+                return _this.hlsEngine.getLiveSyncPosition();
+            },
             generateVastUrls: function generateVastUrls(base, count) {
                 return _this.generateVastUrls(base, count);
             }
@@ -8186,7 +8286,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             // ───────────────────────────────────────────────────────────────
             function load() {
                 return _async_to_generator(function() {
-                    var _this, _this_config_lowLatencyMode, error;
+                    var _this, _this_config_lowLatencyMode, error, continueLiveStreamDuringAds;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -8240,15 +8340,22 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     3,
                                     6
                                 ];
-                                this.adPlayer.destroy();
-                                this.adPlayer = this.createAdPlayer(false);
-                                this.adPlayer.initialize();
                                 return [
                                     4,
                                     this.hlsEngine.setupNativeHls()
                                 ];
                             case 5:
                                 _state.sent();
+                                continueLiveStreamDuringAds = this.shouldContinueLiveStreamDuringAds();
+                                if (this.debug) {
+                                    console.log("[StormcloudVideoPlayer] Native HLS ad behavior:", {
+                                        isLive: this.hlsEngine.isLiveStream,
+                                        continueLiveStreamDuringAds: continueLiveStreamDuringAds
+                                    });
+                                }
+                                this.adPlayer.destroy();
+                                this.adPlayer = this.createAdPlayer(continueLiveStreamDuringAds);
+                                this.adPlayer.initialize();
                                 return [
                                     2
                                 ];
@@ -8356,9 +8463,14 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         {
             key: "shouldContinueLiveStreamDuringAds",
             value: function shouldContinueLiveStreamDuringAds() {
-                if (this.config.allowNativeHls) return false;
-                if (!this.hlsEngine.isLiveStream) return false;
-                return true;
+                if (this.hlsEngine.isLiveStream) {
+                    return true;
+                }
+                var duration = this.video.duration;
+                if (!Number.isFinite(duration) || duration === Infinity) {
+                    return true;
+                }
+                return false;
             }
         },
         {
@@ -8656,9 +8768,6 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 this.adBreak.showAds = true;
                                 this.adBreak.inAdBreak = true;
                                 this.timing.currentAdBreakStartWallClockMs = Date.now();
-                                if (!this.video.paused) {
-                                    this.video.pause();
-                                }
                                 _state.label = 1;
                             case 1:
                                 _state.trys.push([
@@ -9032,7 +9141,8 @@ var StormcloudVideoPlayerComponent = React.memo(function(props) {
         setShowSpeedMenu(false);
     };
     var isHlsStream = (src === null || src === void 0 ? void 0 : src.toLowerCase().includes(".m3u8")) || (src === null || src === void 0 ? void 0 : src.toLowerCase().includes("/hls/"));
-    var shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls || isLiveStream === false : true);
+    var isLiveUiMode = isLiveStream === true;
+    var shouldShowEnhancedControls = showCustomControls && (isHlsStream ? !isLiveUiMode : true);
     var criticalPropsKey = useMemo(function() {
         return CRITICAL_PROPS.map(function(prop) {
             return "".concat(prop, ":").concat(props[prop]);
@@ -10413,6 +10523,7 @@ var HlsPlayer = /*#__PURE__*/ function(Component) {
                             if (_this1.props.muted !== void 0) config.muted = _this1.props.muted;
                             if (_this1.props.lowLatencyMode !== void 0) config.lowLatencyMode = _this1.props.lowLatencyMode;
                             if (_this1.props.allowNativeHls !== void 0) config.allowNativeHls = _this1.props.allowNativeHls;
+                            if (_this1.props.isLiveStream !== void 0) config.isLiveStream = _this1.props.isLiveStream;
                             if (_this1.props.driftToleranceMs !== void 0) config.driftToleranceMs = _this1.props.driftToleranceMs;
                             if (_this1.props.immediateManifestAds !== void 0) config.immediateManifestAds = _this1.props.immediateManifestAds;
                             if (_this1.props.debugAdTiming !== void 0) config.debugAdTiming = _this1.props.debugAdTiming;
@@ -11181,6 +11292,7 @@ var SUPPORTED_PROPS = [
     "wrapperStyle",
     "allowNativeHls",
     "lowLatencyMode",
+    "isLiveStream",
     "driftToleranceMs",
     "immediateManifestAds",
     "debugAdTiming",