stormcloud-video-player 0.7.37 → 0.7.38

package/lib/index.d.cts

@@ -260,6 +260,10 @@ declare class StormcloudVideoPlayer {
         width: number;
         height: number;
     } | null;
+    getMaxHlsResolution(): {
+        width: number;
+        height: number;
+    } | null;
     getCurrentHlsSegmentDurationMs(): number | null;
     get videoElement(): HTMLVideoElement;
     resize(): void;
@@ -273,6 +277,11 @@ type StormcloudVideoPlayerProps = Omit<StormcloudVideoPlayerConfig, "videoElemen
     licenseKey?: string;
     swirlProjectId?: number;
     swirlShowcaseDemo?: boolean;
+    swirlOverlayApiBaseUrl?: string;
+    swirlOverlayCoordinateSpace?: {
+        width: number;
+        height: number;
+    } | null;
     adcisionChannelId?: number;
     disableOverlays?: boolean;
     showAdsControl?: boolean;
@@ -4007,6 +4016,7 @@ declare function getBrowserID(clientInfo: ClientInfo): Promise<string>;
 declare function sendInitialTracking(licenseKey?: string): Promise<void>;
 declare function sendHeartbeat(licenseKey?: string): Promise<void>;
 
+declare const OVERLAY_API_BASE = "https://adstorm.co/api-adstorm-dev";
 interface OverlayCoordinateSpace {
     width: number;
     height: number;
@@ -4071,7 +4081,12 @@ interface SwirlOverlay {
 }
 declare function timeStringToSeconds(timeStr: string): number;
 declare function isOverlayActive(overlay: SwirlOverlay, currentTime: number): boolean;
-declare function createDemoStockTickerOverlay(projectId: number): SwirlOverlay;
+declare function scrollerLooksLikeMarketsStock(o: SwirlOverlay): boolean;
+type DemoStockTickerOptions = {
+    stackAboveNews?: boolean;
+};
+declare function createDemoStockTickerOverlay(projectId: number, opts?: DemoStockTickerOptions): SwirlOverlay;
+declare function normalizeSwirlOverlay(raw: SwirlOverlay & Record<string, unknown>): SwirlOverlay;
 declare function fetchProjectOverlays(projectId: number, apiBaseUrl?: string): Promise<SwirlOverlay[]>;
 declare function resolveImageUrl(imageUrl: string, apiBaseUrl?: string): string;
 
@@ -4132,4 +4147,4 @@ interface AdStormAdLayer extends AdController {
 }
 declare function createAdStormPlayer(contentVideo: HTMLVideoElement, options: AdStormPlayerOptions): AdStormAdLayer;
 
-export { type AdBreak, type AdSchedule, type AdStormAdLayer, type AdStormLayerOptionsUpdate, type AdStormPlayerOptions, type BaseStormcloudPlayerProps, type BrowserInfo, type ClientInfo, type HeartbeatData, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, type LateJoinPolicy, type OnProgressProps, type OverlayCoordinateSpace, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, type StormcloudVideoPlayerConfig, type StormcloudVideoPlayerProps, type SwirlOverlay, type SwirlOverlayType, type SwirlScrollerConfig, type TrackingData, type VastBidResponse, canPlay, createAdStormPlayer, createDemoStockTickerOverlay, createStormcloudPlayer, StormcloudVideoPlayerComponent as default, detectBrowser, fetchProjectOverlays, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, isOverlayActive, lazy, logBrowserInfo, merge, omit, parseQuery, players, randomString, resolveImageUrl, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, timeStringToSeconds };
+export { type AdBreak, type AdSchedule, type AdStormAdLayer, type AdStormLayerOptionsUpdate, type AdStormPlayerOptions, type BaseStormcloudPlayerProps, type BrowserInfo, type ClientInfo, type DemoStockTickerOptions, type HeartbeatData, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, type LateJoinPolicy, OVERLAY_API_BASE, type OnProgressProps, type OverlayCoordinateSpace, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, type StormcloudVideoPlayerConfig, type StormcloudVideoPlayerProps, type SwirlOverlay, type SwirlOverlayType, type SwirlScrollerConfig, type TrackingData, type VastBidResponse, canPlay, createAdStormPlayer, createDemoStockTickerOverlay, createStormcloudPlayer, StormcloudVideoPlayerComponent as default, detectBrowser, fetchProjectOverlays, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, isOverlayActive, lazy, logBrowserInfo, merge, normalizeSwirlOverlay, omit, parseQuery, players, randomString, resolveImageUrl, scrollerLooksLikeMarketsStock, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, timeStringToSeconds };

package/lib/index.d.ts

@@ -260,6 +260,10 @@ declare class StormcloudVideoPlayer {
         width: number;
         height: number;
     } | null;
+    getMaxHlsResolution(): {
+        width: number;
+        height: number;
+    } | null;
     getCurrentHlsSegmentDurationMs(): number | null;
     get videoElement(): HTMLVideoElement;
     resize(): void;
@@ -273,6 +277,11 @@ type StormcloudVideoPlayerProps = Omit<StormcloudVideoPlayerConfig, "videoElemen
     licenseKey?: string;
     swirlProjectId?: number;
     swirlShowcaseDemo?: boolean;
+    swirlOverlayApiBaseUrl?: string;
+    swirlOverlayCoordinateSpace?: {
+        width: number;
+        height: number;
+    } | null;
     adcisionChannelId?: number;
     disableOverlays?: boolean;
     showAdsControl?: boolean;
@@ -4007,6 +4016,7 @@ declare function getBrowserID(clientInfo: ClientInfo): Promise<string>;
 declare function sendInitialTracking(licenseKey?: string): Promise<void>;
 declare function sendHeartbeat(licenseKey?: string): Promise<void>;
 
+declare const OVERLAY_API_BASE = "https://adstorm.co/api-adstorm-dev";
 interface OverlayCoordinateSpace {
     width: number;
     height: number;
@@ -4071,7 +4081,12 @@ interface SwirlOverlay {
 }
 declare function timeStringToSeconds(timeStr: string): number;
 declare function isOverlayActive(overlay: SwirlOverlay, currentTime: number): boolean;
-declare function createDemoStockTickerOverlay(projectId: number): SwirlOverlay;
+declare function scrollerLooksLikeMarketsStock(o: SwirlOverlay): boolean;
+type DemoStockTickerOptions = {
+    stackAboveNews?: boolean;
+};
+declare function createDemoStockTickerOverlay(projectId: number, opts?: DemoStockTickerOptions): SwirlOverlay;
+declare function normalizeSwirlOverlay(raw: SwirlOverlay & Record<string, unknown>): SwirlOverlay;
 declare function fetchProjectOverlays(projectId: number, apiBaseUrl?: string): Promise<SwirlOverlay[]>;
 declare function resolveImageUrl(imageUrl: string, apiBaseUrl?: string): string;
 
@@ -4132,4 +4147,4 @@ interface AdStormAdLayer extends AdController {
 }
 declare function createAdStormPlayer(contentVideo: HTMLVideoElement, options: AdStormPlayerOptions): AdStormAdLayer;
 
-export { type AdBreak, type AdSchedule, type AdStormAdLayer, type AdStormLayerOptionsUpdate, type AdStormPlayerOptions, type BaseStormcloudPlayerProps, type BrowserInfo, type ClientInfo, type HeartbeatData, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, type LateJoinPolicy, type OnProgressProps, type OverlayCoordinateSpace, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, type StormcloudVideoPlayerConfig, type StormcloudVideoPlayerProps, type SwirlOverlay, type SwirlOverlayType, type SwirlScrollerConfig, type TrackingData, type VastBidResponse, canPlay, createAdStormPlayer, createDemoStockTickerOverlay, createStormcloudPlayer, StormcloudVideoPlayerComponent as default, detectBrowser, fetchProjectOverlays, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, isOverlayActive, lazy, logBrowserInfo, merge, omit, parseQuery, players, randomString, resolveImageUrl, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, timeStringToSeconds };
+export { type AdBreak, type AdSchedule, type AdStormAdLayer, type AdStormLayerOptionsUpdate, type AdStormPlayerOptions, type BaseStormcloudPlayerProps, type BrowserInfo, type ClientInfo, type DemoStockTickerOptions, type HeartbeatData, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, type LateJoinPolicy, OVERLAY_API_BASE, type OnProgressProps, type OverlayCoordinateSpace, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, type StormcloudVideoPlayerConfig, type StormcloudVideoPlayerProps, type SwirlOverlay, type SwirlOverlayType, type SwirlScrollerConfig, type TrackingData, type VastBidResponse, canPlay, createAdStormPlayer, createDemoStockTickerOverlay, createStormcloudPlayer, StormcloudVideoPlayerComponent as default, detectBrowser, fetchProjectOverlays, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, isOverlayActive, lazy, logBrowserInfo, merge, normalizeSwirlOverlay, omit, parseQuery, players, randomString, resolveImageUrl, scrollerLooksLikeMarketsStock, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, timeStringToSeconds };

package/lib/index.js

@@ -5514,6 +5514,46 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 return min;
             }
         },
+        {
+            key: "getMaxHlsResolution",
+            value: function getMaxHlsResolution() {
+                var _this_hls;
+                var levels = (_this_hls = this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.levels;
+                if (!levels || levels.length === 0) return null;
+                var max = null;
+                var maxPixels = 0;
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    for(var _iterator = levels[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var level = _step.value;
+                        if (level.width && level.height) {
+                            var pixels = level.width * level.height;
+                            if (pixels > maxPixels) {
+                                maxPixels = pixels;
+                                max = {
+                                    width: level.width,
+                                    height: level.height
+                                };
+                            }
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+                return max;
+            }
+        },
         {
             key: "getCurrentHlsSegmentDurationMs",
             value: function getCurrentHlsSegmentDurationMs() {
@@ -5624,7 +5664,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
 // src/ui/StormcloudVideoPlayer.tsx
 import { FaPlay, FaPause, FaVolumeUp, FaVolumeMute, FaVolumeDown, FaExpand, FaCompress, FaCog, FaTimes, FaCopy, FaLayerGroup } from "react-icons/fa";
 // src/ui/OverlayRenderer.tsx
-import React, { useEffect, useRef, useState, useCallback, useMemo, useId } from "react";
+import React, { useEffect, useLayoutEffect, useRef, useState, useCallback, useMemo, useId } from "react";
 // src/utils/overlays.ts
 var OVERLAY_API_BASE = "https://adstorm.co/api-adstorm-dev";
 function timeStringToSeconds(timeStr) {
@@ -5661,7 +5701,15 @@ function isOverlayActive(overlay, currentTime) {
     if (durationSec <= 0) return false;
     return currentTime >= startSec && currentTime < startSec + durationSec;
 }
-function createDemoStockTickerOverlay(projectId) {
+function scrollerLooksLikeMarketsStock(o) {
+    var _ref, _ref1, _ref2, _ref3;
+    if (o.type !== "scroller") return false;
+    var cfg = o.scroller_config;
+    var blob = "".concat(o.name, " ").concat((_ref = cfg === null || cfg === void 0 ? void 0 : cfg.label) !== null && _ref !== void 0 ? _ref : "", " ").concat((_ref1 = cfg === null || cfg === void 0 ? void 0 : cfg.label_line2) !== null && _ref1 !== void 0 ? _ref1 : "", " ").concat((_ref2 = cfg === null || cfg === void 0 ? void 0 : cfg.custom_text) !== null && _ref2 !== void 0 ? _ref2 : "", " ").concat((_ref3 = cfg === null || cfg === void 0 ? void 0 : cfg.preset) !== null && _ref3 !== void 0 ? _ref3 : "");
+    return /\b(MARKETS?|NYSE|NASDAQ|DJIA|\bS&P\b|STOCK|AAPL|TSLA|NVDA|EQUITIES)\b/i.test(blob);
+}
+function createDemoStockTickerOverlay(projectId, opts) {
+    var stack = (opts === null || opts === void 0 ? void 0 : opts.stackAboveNews) === true;
     return {
         id: -9001,
         project_id: projectId,
@@ -5669,13 +5717,13 @@ function createDemoStockTickerOverlay(projectId) {
         type: "scroller",
         visible: true,
         x: 144,
-        y: 950,
+        y: stack ? 818 : 950,
         width: 1632,
-        height: 97,
+        height: stack ? 78 : 97,
         opacity: 100,
         start_time: "00:00:00.000",
         duration: "24:00:00.000",
-        z_index: 120,
+        z_index: stack ? 125 : 120,
         scroller_config: {
             use_custom_text: true,
             custom_text: "AAPL +1.24%  \u2022  MSFT +0.42%  \u2022  GOOGL \u22120.11%  \u2022  TSLA +2.31%  \u2022  NVDA +1.87%  \u2022  AMZN +0.65%  \u2022  META +0.38%  \u2022  DJIA +0.52%  \u2022  S&P 500 +0.33%  \u2022  NDAQ +0.41%",
@@ -5697,17 +5745,43 @@ function createDemoStockTickerOverlay(projectId) {
         }
     };
 }
+function normalizeScrollerConfig(raw) {
+    if (!raw || (typeof raw === "undefined" ? "undefined" : _type_of(raw)) !== "object") return void 0;
+    var r = raw;
+    var merged = _object_spread({}, raw);
+    if (merged.use_custom_text === void 0 && typeof r.useCustomText === "boolean") {
+        merged.use_custom_text = r.useCustomText;
+    }
+    if ((merged.custom_text === void 0 || merged.custom_text === "") && typeof r.customText === "string") {
+        merged.custom_text = r.customText;
+    }
+    if (!merged.rss_url && typeof r.rssUrl === "string") {
+        merged.rss_url = r.rssUrl;
+    }
+    return merged;
+}
+function normalizeSwirlOverlay(raw) {
+    var o = _object_spread({}, raw);
+    if (o.type === "scroller") {
+        var _raw_scroller_config;
+        var sc = (_raw_scroller_config = raw.scroller_config) !== null && _raw_scroller_config !== void 0 ? _raw_scroller_config : raw.scrollerConfig;
+        var normalized = normalizeScrollerConfig(sc);
+        if (normalized) o.scroller_config = normalized;
+    }
+    return o;
+}
 function fetchProjectOverlays(_0) {
     return _async_to_generator(function(projectId) {
-        var apiBaseUrl, response, data;
+        var apiBaseUrl, base, response, data;
         var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
                     apiBaseUrl = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : OVERLAY_API_BASE;
+                    base = apiBaseUrl.replace(/\/$/, "");
                     return [
                         4,
-                        fetch("".concat(apiBaseUrl, "/adstorm/swirl/projects/").concat(projectId, "/overlays"))
+                        fetch("".concat(base, "/adstorm/swirl/projects/").concat(projectId, "/overlays"))
                     ];
                 case 1:
                     response = _state.sent();
@@ -5720,9 +5794,15 @@ function fetchProjectOverlays(_0) {
                     ];
                 case 2:
                     data = _state.sent();
+                    if (!Array.isArray(data)) return [
+                        2,
+                        []
+                    ];
                     return [
                         2,
-                        Array.isArray(data) ? data : []
+                        data.map(function(row) {
+                            return normalizeSwirlOverlay(row);
+                        })
                     ];
             }
         });
@@ -7198,7 +7278,6 @@ var OverlayRenderer = function OverlayRenderer(param) {
         if (showcaseMode) {
             return overlays.filter(function(o) {
                 if (!o.visible) return false;
-                if (o.type === "scroller") return true;
                 return showcasePhase < SHOWCASE_POP_OUT_END_MS;
             });
         }
@@ -7218,7 +7297,7 @@ var OverlayRenderer = function OverlayRenderer(param) {
     }, [
         activeOverlays
     ]);
-    useEffect(function() {
+    useLayoutEffect(function() {
         var activeIds = new Set(activeOverlays.map(function(o) {
             return o.id;
         }));
@@ -7406,10 +7485,9 @@ var OverlayRenderer = function OverlayRenderer(param) {
             var width = overlay.width * scaleX;
             var height = overlay.height * scaleY;
             var baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;
-            var isScrollerTicker = overlay.type === "scroller";
             var inShowcaseBeat = showcaseMode && activeBeatIds.has(overlay.id);
-            var useShowcasePop = inShowcaseBeat && !isScrollerTicker;
-            var opacity = useShowcasePop ? baseOpacity * showcaseOpacity(showcasePhase) : inShowcaseBeat && isScrollerTicker ? baseOpacity : visible ? baseOpacity : 0;
+            var useShowcasePop = inShowcaseBeat;
+            var opacity = useShowcasePop ? baseOpacity * showcaseOpacity(showcasePhase) : visible ? baseOpacity : 0;
             var popScale = useShowcasePop ? showcaseScale(showcasePhase) : 1;
             var sz = {
                 w: width,
@@ -7551,7 +7629,7 @@ var PANEL_BASE_RIGHT_OFFSET = 10;
 var StormcloudVideoPlayerComponent = React2.memo(function(props) {
     var _ref;
     var _aiLiveContext_context;
-    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, swirlProjectId = props.swirlProjectId, swirlShowcaseDemo = props.swirlShowcaseDemo, adcisionChannelId = props.adcisionChannelId, disableOverlays = props.disableOverlays, showAdsControl = props.showAdsControl, showOverlaysControl = props.showOverlaysControl, showAiContextControl = props.showAiContextControl, showDebugControl = props.showDebugControl, restVideoAttrs = _object_without_properties(props, [
+    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, swirlProjectId = props.swirlProjectId, swirlShowcaseDemo = props.swirlShowcaseDemo, swirlOverlayApiBaseUrl = props.swirlOverlayApiBaseUrl, swirlOverlayCoordinateSpace = props.swirlOverlayCoordinateSpace, adcisionChannelId = props.adcisionChannelId, disableOverlays = props.disableOverlays, showAdsControl = props.showAdsControl, showOverlaysControl = props.showOverlaysControl, showAiContextControl = props.showAiContextControl, showDebugControl = props.showDebugControl, restVideoAttrs = _object_without_properties(props, [
         "src",
         "autoplay",
         "muted",
@@ -7581,6 +7659,8 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         "disableFiller",
         "swirlProjectId",
         "swirlShowcaseDemo",
+        "swirlOverlayApiBaseUrl",
+        "swirlOverlayCoordinateSpace",
         "adcisionChannelId",
         "disableOverlays",
         "showAdsControl",
@@ -7617,13 +7697,21 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
     var _React2_useState14 = _sliced_to_array(React2.useState(false), 2), showLicenseWarning = _React2_useState14[0], setShowLicenseWarning = _React2_useState14[1];
     var _React2_useState15 = _sliced_to_array(React2.useState(true), 2), controlsVisible = _React2_useState15[0], setControlsVisible = _React2_useState15[1];
     var _React2_useState16 = _sliced_to_array(React2.useState([]), 2), overlays = _React2_useState16[0], setOverlays = _React2_useState16[1];
+    var overlayApiBase = React2.useMemo(function() {
+        return (swirlOverlayApiBaseUrl === null || swirlOverlayApiBaseUrl === void 0 ? void 0 : swirlOverlayApiBaseUrl.replace(/\/$/, "")) || OVERLAY_API_BASE;
+    }, [
+        swirlOverlayApiBaseUrl
+    ]);
     var displayOverlays = React2.useMemo(function() {
         if (!swirlProjectId || !swirlShowcaseDemo) return overlays;
-        if (overlays.some(function(o) {
+        if (overlays.some(scrollerLooksLikeMarketsStock)) return overlays;
+        var hasOtherScroller = overlays.some(function(o) {
             return o.type === "scroller";
-        })) return overlays;
+        });
         return _to_consumable_array(overlays).concat([
-            createDemoStockTickerOverlay(swirlProjectId)
+            createDemoStockTickerOverlay(swirlProjectId, {
+                stackAboveNews: hasOtherScroller
+            })
         ]);
     }, [
         overlays,
@@ -7903,7 +7991,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         }
         var cancelled = false;
         var loadOverlays = function loadOverlays() {
-            fetchProjectOverlays(swirlProjectId).then(function(data) {
+            fetchProjectOverlays(swirlProjectId, overlayApiBase).then(function(data) {
                 if (!cancelled) setOverlays(data);
             }).catch(function(err) {
                 if (!cancelled) {
@@ -7919,41 +8007,69 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         };
     }, [
         swirlProjectId,
-        adcisionChannelId
+        adcisionChannelId,
+        overlayApiBase
     ]);
     useEffect2(function() {
+        var _playerRef_current;
         if (!swirlProjectId) return;
-        var player = playerRef.current;
-        if (!player) return;
-        var attempts = 0;
-        var maxAttempts = 30;
         var tryResolve = function tryResolve() {
-            var res = player.getMinHlsResolution();
-            if (res) {
-                setOverlayCoordSpace(res);
+            var _player_getMaxHlsResolution, _player_getMinHlsResolution;
+            var player = playerRef.current;
+            var fixed = swirlOverlayCoordinateSpace;
+            if (fixed && fixed.width > 0 && fixed.height > 0) {
+                setOverlayCoordSpace({
+                    width: fixed.width,
+                    height: fixed.height
+                });
                 return true;
             }
-            var video = player.videoElement;
-            if (video && video.videoWidth > 0 && video.videoHeight > 0) {
+            if (!player) return false;
+            var video2 = player.videoElement;
+            if (video2 && video2.videoWidth > 0 && video2.videoHeight > 0) {
                 setOverlayCoordSpace({
-                    width: video.videoWidth,
-                    height: video.videoHeight
+                    width: video2.videoWidth,
+                    height: video2.videoHeight
                 });
                 return true;
             }
+            var maxRes = (_player_getMaxHlsResolution = player.getMaxHlsResolution) === null || _player_getMaxHlsResolution === void 0 ? void 0 : _player_getMaxHlsResolution.call(player);
+            if (maxRes) {
+                setOverlayCoordSpace(maxRes);
+                return true;
+            }
+            var minRes = (_player_getMinHlsResolution = player.getMinHlsResolution) === null || _player_getMinHlsResolution === void 0 ? void 0 : _player_getMinHlsResolution.call(player);
+            if (minRes) {
+                setOverlayCoordSpace(minRes);
+                return true;
+            }
             return false;
         };
-        if (tryResolve()) return;
+        var attempts = 0;
+        var maxAttempts = 40;
+        tryResolve();
         var interval = setInterval(function() {
             attempts++;
-            if (tryResolve() || attempts >= maxAttempts) clearInterval(interval);
+            if (!swirlOverlayCoordinateSpace) {
+                tryResolve();
+            }
+            if (attempts >= maxAttempts) clearInterval(interval);
         }, 300);
+        var onVideoDims = function onVideoDims() {
+            if (!swirlOverlayCoordinateSpace) {
+                tryResolve();
+            }
+        };
+        var video = (_playerRef_current = playerRef.current) === null || _playerRef_current === void 0 ? void 0 : _playerRef_current.videoElement;
+        video === null || video === void 0 ? void 0 : video.addEventListener("loadedmetadata", onVideoDims);
         return function() {
-            return clearInterval(interval);
+            clearInterval(interval);
+            video === null || video === void 0 ? void 0 : video.removeEventListener("loadedmetadata", onVideoDims);
         };
     }, [
         swirlProjectId,
-        criticalPropsKey
+        criticalPropsKey,
+        swirlOverlayCoordinateSpace
     ]);
     useEffect2(function() {
         if (!playerRef.current) return;
@@ -9755,6 +9871,8 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         "children",
         "swirlProjectId",
         "swirlShowcaseDemo",
+        "swirlOverlayApiBaseUrl",
+        "swirlOverlayCoordinateSpace",
         "adcisionChannelId",
         "disableOverlays",
         "showAdsControl",
@@ -10980,5 +11098,5 @@ var createStormcloudPlayer = function createStormcloudPlayer(playerList, fallbac
 };
 var StormcloudPlayer = createStormcloudPlayer(players_default, players_default[players_default.length - 1]);
 var StormcloudPlayer_default = StormcloudPlayer;
-export { IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer_default as StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, canPlay, createAdStormPlayer, createDemoStockTickerOverlay, createStormcloudPlayer, StormcloudVideoPlayerComponent as default, detectBrowser, fetchProjectOverlays, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, isOverlayActive, lazy, logBrowserInfo, merge, omit, parseQuery, players_default as players, randomString, resolveImageUrl, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, timeStringToSeconds };
+export { IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, OVERLAY_API_BASE, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer_default as StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, canPlay, createAdStormPlayer, createDemoStockTickerOverlay, createStormcloudPlayer, StormcloudVideoPlayerComponent as default, detectBrowser, fetchProjectOverlays, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, isOverlayActive, lazy, logBrowserInfo, merge, normalizeSwirlOverlay, omit, parseQuery, players_default as players, randomString, resolveImageUrl, scrollerLooksLikeMarketsStock, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, timeStringToSeconds };
 //# sourceMappingURL=index.js.map