stormcloud-video-player 0.2.12 → 0.2.14

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -36,7 +36,167 @@ module.exports = __toCommonJS(StormcloudVideoPlayer_exports);
 var import_react = __toESM(require("react"), 1);
 
 // src/player/StormcloudVideoPlayer.ts
-var import_hls = __toESM(require("hls.js"), 1);
+var import_hls2 = __toESM(require("hls.js"), 1);
+
+// src/utils/browserCompat.ts
+function getChromeVersion(ua) {
+  const match = ua.match(/Chrome\/(\d+)/);
+  return match && match[1] ? parseInt(match[1], 10) : 0;
+}
+function getWebKitVersion(ua) {
+  const match = ua.match(/AppleWebKit\/(\d+)/);
+  return match && match[1] ? parseInt(match[1], 10) : 0;
+}
+function getPlatform() {
+  var _a;
+  if ("userAgentData" in navigator && ((_a = navigator.userAgentData) == null ? void 0 : _a.platform)) {
+    return navigator.userAgentData.platform;
+  }
+  const 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() {
+  const ua = navigator.userAgent;
+  const platform = getPlatform();
+  let name = "Unknown";
+  let version = "0";
+  let majorVersion = 0;
+  let isSmartTV = false;
+  let isLegacyTV = false;
+  let supportsIMA = true;
+  let supportsModernJS = true;
+  let recommendedAdPlayer = "ima";
+  if (/Web0S|webOS/i.test(ua)) {
+    name = "LG WebOS";
+    isSmartTV = true;
+    const match = ua.match(/Web0S[/\s]*([\d.]+)/i);
+    version = match && match[1] ? match[1] : "Unknown";
+    if (version !== "Unknown") {
+      const parts = version.split(".");
+      majorVersion = parts[0] ? parseInt(parts[0], 10) : 0;
+    }
+  } else if (/Tizen/i.test(ua)) {
+    name = "Samsung Tizen";
+    isSmartTV = true;
+    const match = ua.match(/Tizen[/\s]*([\d.]+)/i);
+    version = match && match[1] ? match[1] : "Unknown";
+    if (version !== "Unknown") {
+      const parts = version.split(".");
+      majorVersion = parts[0] ? parseInt(parts[0], 10) : 0;
+    }
+  } else if (/SMART-TV|SmartTV/i.test(ua)) {
+    name = "Smart TV";
+    isSmartTV = true;
+  } else if (/NetCast/i.test(ua)) {
+    name = "LG NetCast";
+    isSmartTV = true;
+    isLegacyTV = true;
+  } else if (/BRAVIA/i.test(ua)) {
+    name = "Sony BRAVIA";
+    isSmartTV = true;
+  }
+  const chromeVersion = getChromeVersion(ua);
+  const webkitVersion = getWebKitVersion(ua);
+  if (chromeVersion > 0) {
+    if (!isSmartTV) {
+      name = "Chrome";
+      version = chromeVersion.toString();
+      majorVersion = chromeVersion;
+    }
+    if (chromeVersion < 50) {
+      supportsIMA = false;
+      supportsModernJS = false;
+      isLegacyTV = true;
+      recommendedAdPlayer = "hls";
+    }
+  }
+  if (webkitVersion > 0 && webkitVersion < 600) {
+    supportsModernJS = false;
+    if (isSmartTV) {
+      isLegacyTV = true;
+      supportsIMA = false;
+      recommendedAdPlayer = "hls";
+    }
+  }
+  if (typeof Promise === "undefined" || typeof Map === "undefined" || typeof Set === "undefined") {
+    supportsModernJS = false;
+    supportsIMA = false;
+    recommendedAdPlayer = "hls";
+  }
+  if (typeof URLSearchParams === "undefined") {
+    supportsModernJS = false;
+  }
+  return {
+    name,
+    version,
+    majorVersion,
+    isSmartTV,
+    isLegacyTV,
+    platform,
+    supportsIMA,
+    supportsModernJS,
+    recommendedAdPlayer
+  };
+}
+function supportsGoogleIMA() {
+  const browser = detectBrowser();
+  if (browser.isLegacyTV) {
+    return false;
+  }
+  if (typeof document === "undefined" || typeof document.createElement !== "function") {
+    return false;
+  }
+  try {
+    const video = document.createElement("video");
+    if (!video) {
+      return false;
+    }
+  } catch (e) {
+    return false;
+  }
+  if (typeof Promise === "undefined") {
+    return false;
+  }
+  return browser.supportsIMA;
+}
+function logBrowserInfo(debug = false) {
+  if (!debug) return;
+  const browser = detectBrowser();
+  const imaSupport = supportsGoogleIMA();
+  console.log("[StormcloudVideoPlayer] Browser Compatibility Info:", {
+    browser: `${browser.name} ${browser.version}`,
+    platform: browser.platform,
+    isSmartTV: browser.isSmartTV,
+    isLegacyTV: browser.isLegacyTV,
+    supportsIMA: imaSupport,
+    supportsModernJS: browser.supportsModernJS,
+    recommendedAdPlayer: browser.recommendedAdPlayer,
+    userAgent: navigator.userAgent
+  });
+}
+function getBrowserConfigOverrides() {
+  const browser = detectBrowser();
+  const overrides = {};
+  if (browser.isLegacyTV || !browser.supportsIMA) {
+    overrides.adPlayerType = "hls";
+  }
+  if (browser.isSmartTV) {
+    overrides.allowNativeHls = true;
+  }
+  return overrides;
+}
 
 // src/sdk/ima.ts
 function createImaController(video, options) {
@@ -54,9 +214,18 @@ function createImaController(video, options) {
     }
   }
   function ensureImaLoaded() {
+    var _a, _b, _c;
+    if (!supportsGoogleIMA()) {
+      console.warn(
+        "[IMA] Google IMA SDK is not supported on this browser. Please use HLS ad player instead."
+      );
+      return Promise.reject(
+        new Error("Google IMA SDK not supported on this browser")
+      );
+    }
     try {
       const frameEl = window.frameElement;
-      const sandboxAttr = frameEl?.getAttribute?.("sandbox") || "";
+      const sandboxAttr = ((_a = frameEl == null ? void 0 : frameEl.getAttribute) == null ? void 0 : _a.call(frameEl, "sandbox")) || "";
       if (sandboxAttr) {
         const tokens = new Set(
           sandboxAttr.split(/\s+/).map((t) => t.trim()).filter((t) => t.length > 0)
@@ -70,13 +239,13 @@ function createImaController(video, options) {
       }
     } catch {
     }
-    if (typeof window !== "undefined" && window.google?.ima)
+    if (typeof window !== "undefined" && ((_b = window.google) == null ? void 0 : _b.ima))
       return Promise.resolve();
     const existing = document.querySelector(
       'script[data-ima="true"]'
     );
     if (existing) {
-      if (window.google?.ima) {
+      if ((_c = window.google) == null ? void 0 : _c.ima) {
         return Promise.resolve();
       }
       return new Promise((resolve, reject) => {
@@ -134,6 +303,7 @@ function createImaController(video, options) {
   return {
     initialize() {
       ensureImaLoaded().then(() => {
+        var _a, _b;
         const google = window.google;
         if (!adDisplayContainer) {
           const container = document.createElement("div");
@@ -147,14 +317,14 @@ function createImaController(video, options) {
           container.style.justifyContent = "center";
           container.style.pointerEvents = "none";
           container.style.zIndex = "2";
-          video.parentElement?.appendChild(container);
+          (_a = video.parentElement) == null ? void 0 : _a.appendChild(container);
           adContainerEl = container;
           adDisplayContainer = new google.ima.AdDisplayContainer(
             container,
             video
           );
           try {
-            adDisplayContainer.initialize?.();
+            (_b = adDisplayContainer.initialize) == null ? void 0 : _b.call(adDisplayContainer);
           } catch {
           }
         }
@@ -239,6 +409,7 @@ function createImaController(video, options) {
                 adsManager.addEventListener(
                   AdErrorEvent.AD_ERROR,
                   (errorEvent) => {
+                    var _a;
                     console.error("[IMA] Ad error:", errorEvent.getError());
                     destroyAdsManager();
                     adPlaying = false;
@@ -269,10 +440,10 @@ function createImaController(video, options) {
                         "[IMA] Max retries reached, emitting ad_error"
                       );
                       emit("ad_error");
-                      if (!options?.continueLiveStreamDuringAds) {
+                      if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                         if (video.paused) {
                           console.log("[IMA] Resuming paused video after ad error");
-                          video.play()?.catch(() => {
+                          (_a = video.play()) == null ? void 0 : _a.catch(() => {
                           });
                         }
                       }
@@ -283,7 +454,7 @@ function createImaController(video, options) {
                   AdEvent.CONTENT_PAUSE_REQUESTED,
                   () => {
                     console.log("[IMA] Content pause requested");
-                    if (!options?.continueLiveStreamDuringAds) {
+                    if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                       video.pause();
                       console.log("[IMA] Video paused (VOD mode)");
                     } else {
@@ -309,6 +480,7 @@ function createImaController(video, options) {
                 adsManager.addEventListener(
                   AdEvent.CONTENT_RESUME_REQUESTED,
                   () => {
+                    var _a;
                     console.log("[IMA] Content resume requested");
                     adPlaying = false;
                     video.muted = originalMutedState;
@@ -319,8 +491,8 @@ function createImaController(video, options) {
                         "[IMA] Ad container hidden - pointer events disabled"
                       );
                     }
-                    if (!options?.continueLiveStreamDuringAds) {
-                      video.play()?.catch(() => {
+                    if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
+                      (_a = video.play()) == null ? void 0 : _a.catch(() => {
                       });
                       console.log("[IMA] Video resumed (VOD mode)");
                     } else {
@@ -342,7 +514,7 @@ function createImaController(video, options) {
                       "[IMA] Ad container hidden after all ads completed"
                     );
                   }
-                  if (!options?.continueLiveStreamDuringAds) {
+                  if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                     video.play().catch(() => {
                     });
                     console.log(
@@ -370,7 +542,7 @@ function createImaController(video, options) {
                   adContainerEl.style.display = "none";
                   console.log("[IMA] Ad container hidden after setup error");
                 }
-                if (!options?.continueLiveStreamDuringAds) {
+                if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                   if (video.paused) {
                     console.log("[IMA] Resuming paused video after setup error");
                     video.play().catch(() => {
@@ -398,7 +570,7 @@ function createImaController(video, options) {
                 adContainerEl.style.display = "none";
                 console.log("[IMA] Ad container hidden after loader error");
               }
-              if (!options?.continueLiveStreamDuringAds) {
+              if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                 if (video.paused) {
                   console.log("[IMA] Resuming paused video after loader error");
                   video.play().catch(() => {
@@ -420,14 +592,15 @@ function createImaController(video, options) {
         return adsLoadedPromise;
       } catch (error) {
         console.error("[IMA] Failed to request ads:", error);
-        currentReject?.(error);
+        currentReject == null ? void 0 : currentReject(error);
         adsLoadedReject = void 0;
         adsLoadedResolve = void 0;
         return Promise.reject(error);
       }
     },
     async play() {
-      if (!window.google?.ima || !adDisplayContainer) {
+      var _a, _b;
+      if (!((_a = window.google) == null ? void 0 : _a.ima) || !adDisplayContainer) {
         console.warn(
           "[IMA] Cannot play ad: IMA SDK or ad container not available"
         );
@@ -449,14 +622,15 @@ function createImaController(video, options) {
       } catch (error) {
         console.error("[IMA] Error starting ad playback:", error);
         adPlaying = false;
-        if (!options?.continueLiveStreamDuringAds) {
-          video.play()?.catch(() => {
+        if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
+          (_b = video.play()) == null ? void 0 : _b.catch(() => {
           });
         }
         return Promise.reject(error);
       }
     },
     async stop() {
+      var _a;
       adPlaying = false;
       video.muted = originalMutedState;
       if (adContainerEl) {
@@ -465,11 +639,11 @@ function createImaController(video, options) {
         console.log("[IMA] Ad container hidden after stop");
       }
       try {
-        adsManager?.stop?.();
+        (_a = adsManager == null ? void 0 : adsManager.stop) == null ? void 0 : _a.call(adsManager);
       } catch {
       }
       destroyAdsManager();
-      if (!options?.continueLiveStreamDuringAds) {
+      if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
         video.play().catch(() => {
         });
         console.log("[IMA] Video resumed after stop (VOD mode)");
@@ -478,6 +652,7 @@ function createImaController(video, options) {
       }
     },
     destroy() {
+      var _a;
       destroyAdsManager();
       adPlaying = false;
       video.muted = originalMutedState;
@@ -486,10 +661,10 @@ function createImaController(video, options) {
         adContainerEl.style.display = "none";
       }
       try {
-        adsLoader?.destroy?.();
+        (_a = adsLoader == null ? void 0 : adsLoader.destroy) == null ? void 0 : _a.call(adsLoader);
       } catch {
       }
-      if (adContainerEl?.parentElement) {
+      if (adContainerEl == null ? void 0 : adContainerEl.parentElement) {
         adContainerEl.parentElement.removeChild(adContainerEl);
       }
       adContainerEl = void 0;
@@ -500,7 +675,8 @@ function createImaController(video, options) {
       return adPlaying;
     },
     resize(width, height) {
-      if (!adsManager || !window.google?.ima) {
+      var _a;
+      if (!adsManager || !((_a = window.google) == null ? void 0 : _a.ima)) {
         console.warn(
           "[IMA] Cannot resize: No ads manager or IMA SDK available"
         );
@@ -518,7 +694,8 @@ function createImaController(video, options) {
       listeners.get(event).add(listener);
     },
     off(event, listener) {
-      listeners.get(event)?.delete(listener);
+      var _a;
+      (_a = listeners.get(event)) == null ? void 0 : _a.delete(listener);
     },
     updateOriginalMutedState(muted) {
       originalMutedState = muted;
@@ -549,9 +726,533 @@ function createImaController(video, options) {
   };
 }
 
+// src/sdk/hlsAdPlayer.ts
+var import_hls = __toESM(require("hls.js"), 1);
+function createHlsAdPlayer(contentVideo, options) {
+  let adPlaying = false;
+  let originalMutedState = false;
+  const listeners = /* @__PURE__ */ new Map();
+  const licenseKey = options == null ? void 0 : options.licenseKey;
+  const mainHlsInstance = options == null ? void 0 : options.mainHlsInstance;
+  let adVideoElement;
+  let adHls;
+  let adContainerEl;
+  let currentAd;
+  let sessionId;
+  let trackingFired = {
+    impression: false,
+    start: false,
+    firstQuartile: false,
+    midpoint: false,
+    thirdQuartile: false,
+    complete: false
+  };
+  function emit(event, payload) {
+    const set = listeners.get(event);
+    if (!set) return;
+    for (const fn of Array.from(set)) {
+      try {
+        fn(payload);
+      } catch (error) {
+        console.warn(`[HlsAdPlayer] Error in event listener for ${event}:`, error);
+      }
+    }
+  }
+  function generateSessionId() {
+    return `session-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  }
+  function fireTrackingPixels(urls) {
+    if (!urls || urls.length === 0) return;
+    urls.forEach((url) => {
+      try {
+        let trackingUrl = url;
+        if (sessionId) {
+          trackingUrl = `${trackingUrl}${trackingUrl.includes("?") ? "&" : "?"}session_id=${sessionId}`;
+        }
+        if (licenseKey) {
+          trackingUrl = `${trackingUrl}${trackingUrl.includes("?") ? "&" : "?"}license_key=${licenseKey}`;
+        }
+        const img = new Image(1, 1);
+        img.src = trackingUrl;
+        console.log(`[HlsAdPlayer] Fired tracking pixel: ${trackingUrl}`);
+      } catch (error) {
+        console.warn(`[HlsAdPlayer] Error firing tracking pixel:`, error);
+      }
+    });
+  }
+  function getMainStreamQuality() {
+    if (!mainHlsInstance || !mainHlsInstance.levels) {
+      return null;
+    }
+    const currentLevel = mainHlsInstance.currentLevel;
+    if (currentLevel === -1 || !mainHlsInstance.levels[currentLevel]) {
+      const autoLevel = mainHlsInstance.loadLevel;
+      if (autoLevel !== -1 && mainHlsInstance.levels[autoLevel]) {
+        const level2 = mainHlsInstance.levels[autoLevel];
+        return {
+          width: level2.width || 1920,
+          height: level2.height || 1080,
+          bitrate: level2.bitrate || 5e6
+        };
+      }
+      return null;
+    }
+    const level = mainHlsInstance.levels[currentLevel];
+    return {
+      width: level.width || 1920,
+      height: level.height || 1080,
+      bitrate: level.bitrate || 5e6
+    };
+  }
+  function selectBestMediaFile(mediaFiles) {
+    if (mediaFiles.length === 0) {
+      throw new Error("No media files available");
+    }
+    const firstFile = mediaFiles[0];
+    if (!firstFile) {
+      throw new Error("No media files available");
+    }
+    if (mediaFiles.length === 1) {
+      return firstFile;
+    }
+    const mainQuality = getMainStreamQuality();
+    if (!mainQuality) {
+      console.log("[HlsAdPlayer] No main stream quality info, using first media file");
+      return firstFile;
+    }
+    console.log("[HlsAdPlayer] Main stream quality:", mainQuality);
+    const scoredFiles = mediaFiles.map((file) => {
+      const widthDiff = Math.abs(file.width - mainQuality.width);
+      const heightDiff = Math.abs(file.height - mainQuality.height);
+      const resolutionDiff = widthDiff + heightDiff;
+      const fileBitrate = (file.bitrate || 5e3) * 1e3;
+      const bitrateDiff = Math.abs(fileBitrate - mainQuality.bitrate);
+      const score = resolutionDiff * 2 + bitrateDiff / 1e3;
+      return { file, score, resolutionDiff, bitrateDiff };
+    });
+    scoredFiles.sort((a, b) => a.score - b.score);
+    const bestMatch = scoredFiles[0];
+    if (!bestMatch) {
+      console.log("[HlsAdPlayer] No best match found, using first media file");
+      return firstFile;
+    }
+    console.log("[HlsAdPlayer] Selected media file:", {
+      url: bestMatch.file.url,
+      resolution: `${bestMatch.file.width}x${bestMatch.file.height}`,
+      bitrate: bestMatch.file.bitrate,
+      score: bestMatch.score,
+      resolutionDiff: bestMatch.resolutionDiff,
+      bitrateDiff: bestMatch.bitrateDiff
+    });
+    return bestMatch.file;
+  }
+  function parseVastXml(xmlString) {
+    var _a, _b, _c, _d;
+    try {
+      const parser = new DOMParser();
+      const xmlDoc = parser.parseFromString(xmlString, "text/xml");
+      const parserError = xmlDoc.querySelector("parsererror");
+      if (parserError) {
+        console.error("[HlsAdPlayer] XML parsing error:", parserError.textContent);
+        return null;
+      }
+      const adElement = xmlDoc.querySelector("Ad");
+      if (!adElement) {
+        console.warn("[HlsAdPlayer] No Ad element found in VAST XML");
+        return null;
+      }
+      const adId = adElement.getAttribute("id") || "unknown";
+      const title = ((_a = xmlDoc.querySelector("AdTitle")) == null ? void 0 : _a.textContent) || "Ad";
+      const durationText = ((_b = xmlDoc.querySelector("Duration")) == null ? void 0 : _b.textContent) || "00:00:30";
+      const durationParts = durationText.split(":");
+      const duration = parseInt(durationParts[0] || "0", 10) * 3600 + parseInt(durationParts[1] || "0", 10) * 60 + parseInt(durationParts[2] || "0", 10);
+      const mediaFileElements = xmlDoc.querySelectorAll("MediaFile");
+      const mediaFiles = [];
+      mediaFileElements.forEach((mf) => {
+        var _a2;
+        const type = mf.getAttribute("type") || "";
+        if (type === "application/x-mpegURL" || type.includes("m3u8")) {
+          const bitrateAttr = mf.getAttribute("bitrate");
+          const bitrateValue = bitrateAttr ? parseInt(bitrateAttr, 10) : void 0;
+          mediaFiles.push({
+            url: ((_a2 = mf.textContent) == null ? void 0 : _a2.trim()) || "",
+            type,
+            width: parseInt(mf.getAttribute("width") || "1920", 10),
+            height: parseInt(mf.getAttribute("height") || "1080", 10),
+            bitrate: bitrateValue && bitrateValue > 0 ? bitrateValue : void 0
+          });
+        }
+      });
+      if (mediaFiles.length === 0) {
+        console.warn("[HlsAdPlayer] No HLS media files found in VAST XML");
+        return null;
+      }
+      const trackingUrls = {
+        impression: [],
+        start: [],
+        firstQuartile: [],
+        midpoint: [],
+        thirdQuartile: [],
+        complete: [],
+        mute: [],
+        unmute: [],
+        pause: [],
+        resume: [],
+        fullscreen: [],
+        exitFullscreen: [],
+        skip: [],
+        error: []
+      };
+      xmlDoc.querySelectorAll("Impression").forEach((el) => {
+        var _a2;
+        const url = (_a2 = el.textContent) == null ? void 0 : _a2.trim();
+        if (url) trackingUrls.impression.push(url);
+      });
+      xmlDoc.querySelectorAll("Tracking").forEach((el) => {
+        var _a2;
+        const event = el.getAttribute("event");
+        const url = (_a2 = el.textContent) == null ? void 0 : _a2.trim();
+        if (event && url) {
+          const eventKey = event;
+          if (trackingUrls[eventKey]) {
+            trackingUrls[eventKey].push(url);
+          }
+        }
+      });
+      const clickThrough = (_d = (_c = xmlDoc.querySelector("ClickThrough")) == null ? void 0 : _c.textContent) == null ? void 0 : _d.trim();
+      return {
+        id: adId,
+        title,
+        duration,
+        mediaFiles,
+        trackingUrls,
+        clickThrough
+      };
+    } catch (error) {
+      console.error("[HlsAdPlayer] Error parsing VAST XML:", error);
+      return null;
+    }
+  }
+  function createAdVideoElement() {
+    const video = document.createElement("video");
+    video.style.position = "absolute";
+    video.style.left = "0";
+    video.style.top = "0";
+    video.style.width = "100%";
+    video.style.height = "100%";
+    video.style.objectFit = "contain";
+    video.style.backgroundColor = "#000";
+    video.playsInline = true;
+    video.muted = false;
+    return video;
+  }
+  function setupAdEventListeners() {
+    if (!adVideoElement || !currentAd) return;
+    adVideoElement.addEventListener("timeupdate", () => {
+      if (!currentAd || !adVideoElement) return;
+      const progress = adVideoElement.currentTime / currentAd.duration;
+      if (progress >= 0.25 && !trackingFired.firstQuartile) {
+        trackingFired.firstQuartile = true;
+        fireTrackingPixels(currentAd.trackingUrls.firstQuartile);
+      }
+      if (progress >= 0.5 && !trackingFired.midpoint) {
+        trackingFired.midpoint = true;
+        fireTrackingPixels(currentAd.trackingUrls.midpoint);
+      }
+      if (progress >= 0.75 && !trackingFired.thirdQuartile) {
+        trackingFired.thirdQuartile = true;
+        fireTrackingPixels(currentAd.trackingUrls.thirdQuartile);
+      }
+    });
+    adVideoElement.addEventListener("playing", () => {
+      if (!currentAd || trackingFired.start) return;
+      trackingFired.start = true;
+      fireTrackingPixels(currentAd.trackingUrls.start);
+      console.log("[HlsAdPlayer] Ad started playing");
+    });
+    adVideoElement.addEventListener("ended", () => {
+      if (!currentAd || trackingFired.complete) return;
+      trackingFired.complete = true;
+      fireTrackingPixels(currentAd.trackingUrls.complete);
+      console.log("[HlsAdPlayer] Ad completed");
+      handleAdComplete();
+    });
+    adVideoElement.addEventListener("error", (e) => {
+      console.error("[HlsAdPlayer] Ad video error:", e);
+      if (currentAd) {
+        fireTrackingPixels(currentAd.trackingUrls.error);
+      }
+      handleAdError();
+    });
+    adVideoElement.addEventListener("volumechange", () => {
+      if (!currentAd) return;
+      if (adVideoElement.muted) {
+        fireTrackingPixels(currentAd.trackingUrls.mute);
+      } else {
+        fireTrackingPixels(currentAd.trackingUrls.unmute);
+      }
+    });
+    adVideoElement.addEventListener("pause", () => {
+      if (currentAd && !adVideoElement.ended) {
+        fireTrackingPixels(currentAd.trackingUrls.pause);
+      }
+    });
+    adVideoElement.addEventListener("play", () => {
+      if (currentAd && adVideoElement.currentTime > 0) {
+        fireTrackingPixels(currentAd.trackingUrls.resume);
+      }
+    });
+  }
+  function handleAdComplete() {
+    console.log("[HlsAdPlayer] Handling ad completion");
+    adPlaying = false;
+    contentVideo.muted = originalMutedState;
+    if (adContainerEl) {
+      adContainerEl.style.display = "none";
+      adContainerEl.style.pointerEvents = "none";
+    }
+    if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
+      contentVideo.play().catch(() => {
+      });
+      console.log("[HlsAdPlayer] Content resumed (VOD mode)");
+    } else {
+      console.log("[HlsAdPlayer] Content unmuted (Live mode)");
+    }
+    emit("content_resume");
+    emit("all_ads_completed");
+  }
+  function handleAdError() {
+    console.log("[HlsAdPlayer] Handling ad error");
+    adPlaying = false;
+    contentVideo.muted = originalMutedState;
+    if (adContainerEl) {
+      adContainerEl.style.display = "none";
+      adContainerEl.style.pointerEvents = "none";
+    }
+    if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
+      if (contentVideo.paused) {
+        contentVideo.play().catch(() => {
+        });
+      }
+    }
+    emit("ad_error");
+  }
+  return {
+    initialize() {
+      var _a;
+      console.log("[HlsAdPlayer] Initializing");
+      if (!adContainerEl) {
+        const container = document.createElement("div");
+        container.style.position = "absolute";
+        container.style.left = "0";
+        container.style.top = "0";
+        container.style.right = "0";
+        container.style.bottom = "0";
+        container.style.display = "none";
+        container.style.alignItems = "center";
+        container.style.justifyContent = "center";
+        container.style.pointerEvents = "none";
+        container.style.zIndex = "2";
+        container.style.backgroundColor = "#000";
+        (_a = contentVideo.parentElement) == null ? void 0 : _a.appendChild(container);
+        adContainerEl = container;
+      }
+    },
+    async requestAds(vastTagUrl) {
+      console.log("[HlsAdPlayer] Requesting ads:", vastTagUrl);
+      if (adPlaying) {
+        console.warn("[HlsAdPlayer] Cannot request new ads while an ad is playing");
+        return Promise.reject(new Error("Ad already playing"));
+      }
+      try {
+        sessionId = generateSessionId();
+        const response = await fetch(vastTagUrl);
+        if (!response.ok) {
+          throw new Error(`Failed to fetch VAST: ${response.statusText}`);
+        }
+        const vastXml = await response.text();
+        console.log("[HlsAdPlayer] VAST XML received");
+        const ad = parseVastXml(vastXml);
+        if (!ad) {
+          throw new Error("Failed to parse VAST XML or no ads available");
+        }
+        currentAd = ad;
+        console.log(`[HlsAdPlayer] Ad parsed: ${ad.title}, duration: ${ad.duration}s`);
+        fireTrackingPixels(ad.trackingUrls.impression);
+        trackingFired.impression = true;
+        return Promise.resolve();
+      } catch (error) {
+        console.error("[HlsAdPlayer] Error requesting ads:", error);
+        emit("ad_error");
+        return Promise.reject(error);
+      }
+    },
+    async play() {
+      if (!currentAd) {
+        console.warn("[HlsAdPlayer] Cannot play: No ad loaded");
+        return Promise.reject(new Error("No ad loaded"));
+      }
+      console.log("[HlsAdPlayer] Starting ad playback");
+      try {
+        if (!adVideoElement) {
+          adVideoElement = createAdVideoElement();
+          adContainerEl == null ? void 0 : adContainerEl.appendChild(adVideoElement);
+          setupAdEventListeners();
+        }
+        trackingFired = {
+          impression: trackingFired.impression,
+          start: false,
+          firstQuartile: false,
+          midpoint: false,
+          thirdQuartile: false,
+          complete: false
+        };
+        if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
+          contentVideo.pause();
+          console.log("[HlsAdPlayer] Content paused (VOD mode)");
+        } else {
+          console.log("[HlsAdPlayer] Content continues (Live mode)");
+        }
+        contentVideo.muted = true;
+        adPlaying = true;
+        if (adContainerEl) {
+          adContainerEl.style.display = "flex";
+          adContainerEl.style.pointerEvents = "auto";
+        }
+        emit("content_pause");
+        const mediaFile = selectBestMediaFile(currentAd.mediaFiles);
+        if (!mediaFile) {
+          throw new Error("No media file available for ad");
+        }
+        console.log(`[HlsAdPlayer] Loading ad from: ${mediaFile.url}`);
+        if (import_hls.default.isSupported()) {
+          if (adHls) {
+            adHls.destroy();
+          }
+          adHls = new import_hls.default({
+            enableWorker: true,
+            lowLatencyMode: false
+          });
+          adHls.loadSource(mediaFile.url);
+          adHls.attachMedia(adVideoElement);
+          adHls.on(import_hls.default.Events.MANIFEST_PARSED, () => {
+            console.log("[HlsAdPlayer] HLS manifest parsed, starting playback");
+            adVideoElement.play().catch((error) => {
+              console.error("[HlsAdPlayer] Error starting ad playback:", error);
+              handleAdError();
+            });
+          });
+          adHls.on(import_hls.default.Events.ERROR, (event, data) => {
+            console.error("[HlsAdPlayer] HLS error:", data);
+            if (data.fatal) {
+              handleAdError();
+            }
+          });
+        } else if (adVideoElement.canPlayType("application/vnd.apple.mpegurl")) {
+          adVideoElement.src = mediaFile.url;
+          adVideoElement.play().catch((error) => {
+            console.error("[HlsAdPlayer] Error starting ad playback:", error);
+            handleAdError();
+          });
+        } else {
+          throw new Error("HLS not supported");
+        }
+        return Promise.resolve();
+      } catch (error) {
+        console.error("[HlsAdPlayer] Error playing ad:", error);
+        handleAdError();
+        return Promise.reject(error);
+      }
+    },
+    async stop() {
+      console.log("[HlsAdPlayer] Stopping ad");
+      adPlaying = false;
+      contentVideo.muted = originalMutedState;
+      if (adContainerEl) {
+        adContainerEl.style.display = "none";
+        adContainerEl.style.pointerEvents = "none";
+      }
+      if (adHls) {
+        adHls.destroy();
+        adHls = void 0;
+      }
+      if (adVideoElement) {
+        adVideoElement.pause();
+        adVideoElement.src = "";
+      }
+      if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
+        contentVideo.play().catch(() => {
+        });
+      }
+      currentAd = void 0;
+    },
+    destroy() {
+      console.log("[HlsAdPlayer] Destroying");
+      adPlaying = false;
+      contentVideo.muted = originalMutedState;
+      if (adHls) {
+        adHls.destroy();
+        adHls = void 0;
+      }
+      if (adVideoElement) {
+        adVideoElement.pause();
+        adVideoElement.src = "";
+        adVideoElement.remove();
+        adVideoElement = void 0;
+      }
+      if (adContainerEl == null ? void 0 : adContainerEl.parentElement) {
+        adContainerEl.parentElement.removeChild(adContainerEl);
+      }
+      adContainerEl = void 0;
+      currentAd = void 0;
+      listeners.clear();
+    },
+    isAdPlaying() {
+      return adPlaying;
+    },
+    resize(width, height) {
+      console.log(`[HlsAdPlayer] Resizing to ${width}x${height}`);
+      if (adContainerEl) {
+        adContainerEl.style.width = `${width}px`;
+        adContainerEl.style.height = `${height}px`;
+      }
+      if (adVideoElement) {
+        adVideoElement.style.width = `${width}px`;
+        adVideoElement.style.height = `${height}px`;
+      }
+    },
+    on(event, listener) {
+      if (!listeners.has(event)) listeners.set(event, /* @__PURE__ */ new Set());
+      listeners.get(event).add(listener);
+    },
+    off(event, listener) {
+      var _a;
+      (_a = listeners.get(event)) == null ? void 0 : _a.delete(listener);
+    },
+    updateOriginalMutedState(muted) {
+      originalMutedState = muted;
+    },
+    getOriginalMutedState() {
+      return originalMutedState;
+    },
+    setAdVolume(volume) {
+      if (adVideoElement && adPlaying) {
+        adVideoElement.volume = Math.max(0, Math.min(1, volume));
+      }
+    },
+    getAdVolume() {
+      if (adVideoElement && adPlaying) {
+        return adVideoElement.volume;
+      }
+      return 1;
+    }
+  };
+}
+
 // src/utils/tracking.ts
 var cachedBrowserId = null;
 function getClientInfo() {
+  var _a, _b, _c, _d;
   const ua = navigator.userAgent;
   const platform = navigator.platform;
   const vendor = navigator.vendor || "";
@@ -559,12 +1260,12 @@ function getClientInfo() {
   const memory = navigator.deviceMemory || null;
   const hardwareConcurrency = navigator.hardwareConcurrency || 1;
   const screenInfo = {
-    width: screen?.width,
-    height: screen?.height,
-    availWidth: screen?.availWidth,
-    availHeight: screen?.availHeight,
-    orientation: screen?.orientation?.type || "",
-    pixelDepth: screen?.pixelDepth
+    width: screen == null ? void 0 : screen.width,
+    height: screen == null ? void 0 : screen.height,
+    availWidth: screen == null ? void 0 : screen.availWidth,
+    availHeight: screen == null ? void 0 : screen.availHeight,
+    orientation: ((_a = screen == null ? void 0 : screen.orientation) == null ? void 0 : _a.type) || "",
+    pixelDepth: screen == null ? void 0 : screen.pixelDepth
   };
   let deviceType = "desktop";
   let brand = "Unknown";
@@ -661,10 +1362,10 @@ function getClientInfo() {
     if (vendor.includes("Samsung") || ua.includes("SM-")) brand = "Samsung";
   }
   isWebView = /wv|WebView|Linux; U;/.test(ua);
-  if (window?.outerHeight === 0 && window?.outerWidth === 0) {
+  if ((window == null ? void 0 : window.outerHeight) === 0 && (window == null ? void 0 : window.outerWidth) === 0) {
     isWebView = true;
   }
-  isWebApp = window.matchMedia("(display-mode: standalone)").matches || window.navigator.standalone === true || window.screen?.orientation?.angle !== void 0;
+  isWebApp = window.matchMedia("(display-mode: standalone)").matches || window.navigator.standalone === true || ((_c = (_b = window.screen) == null ? void 0 : _b.orientation) == null ? void 0 : _c.angle) !== void 0;
   return {
     brand,
     os,
@@ -685,7 +1386,7 @@ function getClientInfo() {
     deviceMemory: memory,
     maxTouchPoints,
     language: navigator.language,
-    languages: navigator.languages?.join(",") || "",
+    languages: ((_d = navigator.languages) == null ? void 0 : _d.join(",")) || "",
     cookieEnabled: navigator.cookieEnabled,
     doNotTrack: navigator.doNotTrack || "",
     referrer: document.referrer,
@@ -798,6 +1499,215 @@ async function sendHeartbeat(licenseKey) {
   }
 }
 
+// src/utils/polyfills.ts
+function polyfillURLSearchParams() {
+  if (typeof URLSearchParams !== "undefined") {
+    return;
+  }
+  class URLSearchParamsPolyfill {
+    constructor(init) {
+      this.params = /* @__PURE__ */ new Map();
+      if (typeof init === "string") {
+        this.parseQueryString(init);
+      } else if (init instanceof URLSearchParamsPolyfill) {
+        init.forEach((value, key) => {
+          this.append(key, value);
+        });
+      }
+    }
+    parseQueryString(query) {
+      const cleanQuery = query.startsWith("?") ? query.slice(1) : query;
+      if (!cleanQuery) return;
+      cleanQuery.split("&").forEach((param) => {
+        const [key, value] = param.split("=");
+        if (key) {
+          const decodedKey = this.safeDecodeURIComponent(key);
+          const decodedValue = value ? this.safeDecodeURIComponent(value) : "";
+          this.append(decodedKey, decodedValue);
+        }
+      });
+    }
+    safeDecodeURIComponent(str) {
+      try {
+        return decodeURIComponent(str.replace(/\+/g, " "));
+      } catch (e) {
+        return str;
+      }
+    }
+    append(name, value) {
+      const values = this.params.get(name) || [];
+      values.push(String(value));
+      this.params.set(name, values);
+    }
+    delete(name) {
+      this.params.delete(name);
+    }
+    get(name) {
+      const values = this.params.get(name);
+      return values && values.length > 0 && values[0] !== void 0 ? values[0] : null;
+    }
+    getAll(name) {
+      return this.params.get(name) || [];
+    }
+    has(name) {
+      return this.params.has(name);
+    }
+    set(name, value) {
+      this.params.set(name, [String(value)]);
+    }
+    forEach(callback) {
+      this.params.forEach((values, key) => {
+        values.forEach((value) => {
+          callback(value, key, this);
+        });
+      });
+    }
+    toString() {
+      const parts = [];
+      this.params.forEach((values, key) => {
+        values.forEach((value) => {
+          parts.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
+        });
+      });
+      return parts.join("&");
+    }
+  }
+  window.URLSearchParams = URLSearchParamsPolyfill;
+}
+function polyfillTextEncoder() {
+  if (typeof TextEncoder !== "undefined") {
+    return;
+  }
+  class TextEncoderPolyfill {
+    constructor() {
+      this.encoding = "utf-8";
+    }
+    encode(str) {
+      const utf8 = [];
+      for (let i = 0; i < str.length; i++) {
+        let charcode = str.charCodeAt(i);
+        if (charcode < 128) {
+          utf8.push(charcode);
+        } else if (charcode < 2048) {
+          utf8.push(192 | charcode >> 6, 128 | charcode & 63);
+        } else if (charcode < 55296 || charcode >= 57344) {
+          utf8.push(
+            224 | charcode >> 12,
+            128 | charcode >> 6 & 63,
+            128 | charcode & 63
+          );
+        } else {
+          i++;
+          charcode = 65536 + ((charcode & 1023) << 10 | str.charCodeAt(i) & 1023);
+          utf8.push(
+            240 | charcode >> 18,
+            128 | charcode >> 12 & 63,
+            128 | charcode >> 6 & 63,
+            128 | charcode & 63
+          );
+        }
+      }
+      return new Uint8Array(utf8);
+    }
+  }
+  window.TextEncoder = TextEncoderPolyfill;
+}
+function polyfillPromiseFinally() {
+  if (typeof Promise !== "undefined" && !Promise.prototype.finally) {
+    Promise.prototype.finally = function(callback) {
+      const constructor = this.constructor;
+      return this.then(
+        (value) => constructor.resolve(callback()).then(() => value),
+        (reason) => constructor.resolve(callback()).then(() => {
+          throw reason;
+        })
+      );
+    };
+  }
+}
+function polyfillObjectAssign() {
+  if (typeof Object.assign !== "function") {
+    Object.assign = function(target, ...sources) {
+      if (target == null) {
+        throw new TypeError("Cannot convert undefined or null to object");
+      }
+      const to = Object(target);
+      for (let i = 0; i < sources.length; i++) {
+        const nextSource = sources[i];
+        if (nextSource != null) {
+          for (const nextKey in nextSource) {
+            if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+              to[nextKey] = nextSource[nextKey];
+            }
+          }
+        }
+      }
+      return to;
+    };
+  }
+}
+function polyfillArrayFrom() {
+  if (!Array.from) {
+    Array.from = function(arrayLike, mapFn, thisArg) {
+      const items = Object(arrayLike);
+      if (arrayLike == null) {
+        throw new TypeError("Array.from requires an array-like object");
+      }
+      const len = items.length >>> 0;
+      const result = new Array(len);
+      for (let i = 0; i < len; i++) {
+        if (mapFn) {
+          result[i] = mapFn.call(thisArg, items[i], i);
+        } else {
+          result[i] = items[i];
+        }
+      }
+      return result;
+    };
+  }
+}
+function polyfillStringStartsWith() {
+  if (!String.prototype.startsWith) {
+    String.prototype.startsWith = function(search, pos) {
+      pos = !pos || pos < 0 ? 0 : +pos;
+      return this.substring(pos, pos + search.length) === search;
+    };
+  }
+}
+function polyfillStringEndsWith() {
+  if (!String.prototype.endsWith) {
+    String.prototype.endsWith = function(search, length) {
+      if (length === void 0 || length > this.length) {
+        length = this.length;
+      }
+      return this.substring(length - search.length, length) === search;
+    };
+  }
+}
+function polyfillStringIncludes() {
+  if (!String.prototype.includes) {
+    String.prototype.includes = function(search, start) {
+      if (typeof start !== "number") {
+        start = 0;
+      }
+      if (start + search.length > this.length) {
+        return false;
+      }
+      return this.indexOf(search, start) !== -1;
+    };
+  }
+}
+function initializePolyfills() {
+  polyfillObjectAssign();
+  polyfillArrayFrom();
+  polyfillStringStartsWith();
+  polyfillStringEndsWith();
+  polyfillStringIncludes();
+  polyfillURLSearchParams();
+  polyfillTextEncoder();
+  polyfillPromiseFinally();
+}
+
 // src/player/StormcloudVideoPlayer.ts
 var StormcloudVideoPlayer = class {
   constructor(config) {
@@ -810,13 +1720,44 @@ var StormcloudVideoPlayer = class {
     this.totalAdsInBreak = 0;
     this.showAds = false;
     this.isLiveStream = false;
-    this.config = config;
+    initializePolyfills();
+    const browserOverrides = getBrowserConfigOverrides();
+    this.config = { ...config, ...browserOverrides };
     this.video = config.videoElement;
-    this.ima = createImaController(this.video, {
-      continueLiveStreamDuringAds: false
-    });
+    logBrowserInfo(config.debugAdTiming);
+    this.ima = this.createAdPlayer(false);
+  }
+  createAdPlayer(continueLiveStreamDuringAds) {
+    const vastMode = this.config.vastMode || "default";
+    let adPlayerType = this.config.adPlayerType || (vastMode === "adstorm" ? "hls" : "ima");
+    if (adPlayerType === "ima" && !supportsGoogleIMA()) {
+      if (this.config.debugAdTiming) {
+        console.warn(
+          "[StormcloudVideoPlayer] Google IMA SDK not supported on this browser, falling back to HLS ad player"
+        );
+      }
+      adPlayerType = "hls";
+    }
+    if (adPlayerType === "hls") {
+      if (this.config.debugAdTiming) {
+        console.log("[StormcloudVideoPlayer] Creating HLS ad player (AdStorm mode)");
+      }
+      return createHlsAdPlayer(this.video, {
+        continueLiveStreamDuringAds,
+        ...this.config.licenseKey ? { licenseKey: this.config.licenseKey } : {},
+        ...this.hls ? { mainHlsInstance: this.hls } : {}
+      });
+    } else {
+      if (this.config.debugAdTiming) {
+        console.log("[StormcloudVideoPlayer] Creating Google IMA ad player (Default mode)");
+      }
+      return createImaController(this.video, {
+        continueLiveStreamDuringAds
+      });
+    }
   }
   async load() {
+    var _a, _b;
     if (!this.attached) {
       this.attach();
     }
@@ -833,7 +1774,7 @@ var StormcloudVideoPlayer = class {
     this.initializeTracking();
     if (this.shouldUseNativeHls()) {
       this.video.src = this.config.src;
-      this.isLiveStream = this.config.lowLatencyMode ?? false;
+      this.isLiveStream = (_a = this.config.lowLatencyMode) != null ? _a : false;
       if (this.config.debugAdTiming) {
         console.log(
           "[StormcloudVideoPlayer] allowNativeHls: true - VOD mode detected:",
@@ -845,17 +1786,15 @@ var StormcloudVideoPlayer = class {
         );
       }
       this.ima.destroy();
-      this.ima = createImaController(this.video, {
-        continueLiveStreamDuringAds: false
-      });
+      this.ima = this.createAdPlayer(false);
       this.ima.initialize();
       if (this.config.autoplay) {
-        await this.video.play()?.catch(() => {
-        });
+        await ((_b = this.video.play()) == null ? void 0 : _b.catch(() => {
+        }));
       }
       return;
     }
-    this.hls = new import_hls.default({
+    this.hls = new import_hls2.default({
       enableWorker: true,
       backBufferLength: 30,
       liveDurationInfinity: true,
@@ -863,13 +1802,18 @@ var StormcloudVideoPlayer = class {
       maxLiveSyncPlaybackRate: this.config.lowLatencyMode ? 1.5 : 1,
       ...this.config.lowLatencyMode ? { liveSyncDuration: 2 } : {}
     });
-    this.hls.on(import_hls.default.Events.MEDIA_ATTACHED, () => {
-      this.hls?.loadSource(this.config.src);
+    this.hls.on(import_hls2.default.Events.MEDIA_ATTACHED, () => {
+      var _a2;
+      (_a2 = this.hls) == null ? void 0 : _a2.loadSource(this.config.src);
     });
-    this.hls.on(import_hls.default.Events.MANIFEST_PARSED, async (_, data) => {
-      this.isLiveStream = this.hls?.levels?.some(
-        (level) => level?.details?.live === true || level?.details?.type === "LIVE"
-      ) ?? false;
+    this.hls.on(import_hls2.default.Events.MANIFEST_PARSED, async (_, data) => {
+      var _a2, _b2, _c, _d;
+      this.isLiveStream = (_c = (_b2 = (_a2 = this.hls) == null ? void 0 : _a2.levels) == null ? void 0 : _b2.some(
+        (level) => {
+          var _a3, _b3;
+          return ((_a3 = level == null ? void 0 : level.details) == null ? void 0 : _a3.live) === true || ((_b3 = level == null ? void 0 : level.details) == null ? void 0 : _b3.type) === "LIVE";
+        }
+      )) != null ? _c : false;
       if (this.config.debugAdTiming) {
         const adBehavior = this.shouldContinueLiveStreamDuringAds() ? "live (main video continues muted during ads)" : "vod (main video pauses during ads)";
         console.log("[StormcloudVideoPlayer] Stream type detected:", {
@@ -879,33 +1823,32 @@ var StormcloudVideoPlayer = class {
         });
       }
       this.ima.destroy();
-      this.ima = createImaController(this.video, {
-        continueLiveStreamDuringAds: this.shouldContinueLiveStreamDuringAds()
-      });
+      this.ima = this.createAdPlayer(this.shouldContinueLiveStreamDuringAds());
       this.ima.initialize();
       if (this.config.autoplay) {
-        await this.video.play()?.catch(() => {
-        });
+        await ((_d = this.video.play()) == null ? void 0 : _d.catch(() => {
+        }));
       }
     });
-    this.hls.on(import_hls.default.Events.FRAG_PARSING_METADATA, (_evt, data) => {
-      const id3Tags = (data?.samples || []).map((s) => ({
+    this.hls.on(import_hls2.default.Events.FRAG_PARSING_METADATA, (_evt, data) => {
+      const id3Tags = ((data == null ? void 0 : data.samples) || []).map((s) => ({
         key: "ID3",
-        value: s?.data,
-        ptsSeconds: s?.pts
+        value: s == null ? void 0 : s.data,
+        ptsSeconds: s == null ? void 0 : s.pts
       }));
       id3Tags.forEach((tag) => this.onId3Tag(tag));
     });
-    this.hls.on(import_hls.default.Events.FRAG_CHANGED, (_evt, data) => {
-      const frag = data?.frag;
-      const tagList = frag?.tagList;
+    this.hls.on(import_hls2.default.Events.FRAG_CHANGED, (_evt, data) => {
+      var _a2, _b2, _c;
+      const frag = data == null ? void 0 : data.frag;
+      const tagList = frag == null ? void 0 : frag.tagList;
       if (!Array.isArray(tagList)) return;
       for (const entry of tagList) {
         let tag = "";
         let value = "";
         if (Array.isArray(entry)) {
-          tag = String(entry[0] ?? "");
-          value = String(entry[1] ?? "");
+          tag = String((_a2 = entry[0]) != null ? _a2 : "");
+          value = String((_b2 = entry[1]) != null ? _b2 : "");
         } else if (typeof entry === "string") {
           const idx = entry.indexOf(":");
           if (idx >= 0) {
@@ -929,8 +1872,8 @@ var StormcloudVideoPlayer = class {
           const prog = this.parseCueOutCont(value);
           const marker = {
             type: "progress",
-            ...prog?.duration !== void 0 ? { durationSeconds: prog.duration } : {},
-            ...prog?.elapsed !== void 0 ? { ptsSeconds: prog.elapsed } : {},
+            ...(prog == null ? void 0 : prog.duration) !== void 0 ? { durationSeconds: prog.duration } : {},
+            ...(prog == null ? void 0 : prog.elapsed) !== void 0 ? { ptsSeconds: prog.elapsed } : {},
             raw: { tag, value }
           };
           this.onScte35Marker(marker);
@@ -940,7 +1883,7 @@ var StormcloudVideoPlayer = class {
           const attrs = this.parseAttributeList(value);
           const hasScteOut = "SCTE35-OUT" in attrs || attrs["SCTE35-OUT"] !== void 0;
           const hasScteIn = "SCTE35-IN" in attrs || attrs["SCTE35-IN"] !== void 0;
-          const klass = String(attrs["CLASS"] ?? "");
+          const klass = String((_c = attrs["CLASS"]) != null ? _c : "");
           const duration = this.toNumber(attrs["DURATION"]);
           if (hasScteOut || /com\.apple\.hls\.cue/i.test(klass)) {
             const marker = {
@@ -956,14 +1899,15 @@ var StormcloudVideoPlayer = class {
         }
       }
     });
-    this.hls.on(import_hls.default.Events.ERROR, (_evt, data) => {
-      if (data?.fatal) {
+    this.hls.on(import_hls2.default.Events.ERROR, (_evt, data) => {
+      var _a2, _b2;
+      if (data == null ? void 0 : data.fatal) {
         switch (data.type) {
-          case import_hls.default.ErrorTypes.NETWORK_ERROR:
-            this.hls?.startLoad();
+          case import_hls2.default.ErrorTypes.NETWORK_ERROR:
+            (_a2 = this.hls) == null ? void 0 : _a2.startLoad();
             break;
-          case import_hls.default.ErrorTypes.MEDIA_ERROR:
-            this.hls?.recoverMediaError();
+          case import_hls2.default.ErrorTypes.MEDIA_ERROR:
+            (_b2 = this.hls) == null ? void 0 : _b2.recoverMediaError();
             break;
           default:
             this.destroy();
@@ -1065,11 +2009,12 @@ var StormcloudVideoPlayer = class {
     }
   }
   parseScte35FromId3(tag) {
+    var _a, _b, _c, _d;
     const text = this.decodeId3ValueToText(tag.value);
     if (!text) return void 0;
     const cueOutMatch = text.match(/EXT-X-CUE-OUT(?::([^\r\n]*))?/i) || text.match(/CUE-OUT(?::([^\r\n]*))?/i);
     if (cueOutMatch) {
-      const arg = (cueOutMatch[1] ?? "").trim();
+      const arg = ((_a = cueOutMatch[1]) != null ? _a : "").trim();
       const dur = this.parseCueOutDuration(arg);
       const marker = {
         type: "start",
@@ -1081,12 +2026,12 @@ var StormcloudVideoPlayer = class {
     }
     const cueOutContMatch = text.match(/EXT-X-CUE-OUT-CONT:([^\r\n]*)/i);
     if (cueOutContMatch) {
-      const arg = (cueOutContMatch[1] ?? "").trim();
+      const arg = ((_b = cueOutContMatch[1]) != null ? _b : "").trim();
       const cont = this.parseCueOutCont(arg);
       const marker = {
         type: "progress",
         ...tag.ptsSeconds !== void 0 ? { ptsSeconds: tag.ptsSeconds } : {},
-        ...cont?.duration !== void 0 ? { durationSeconds: cont.duration } : {},
+        ...(cont == null ? void 0 : cont.duration) !== void 0 ? { durationSeconds: cont.duration } : {},
         raw: { id3: text }
       };
       return marker;
@@ -1102,10 +2047,10 @@ var StormcloudVideoPlayer = class {
     }
     const daterangeMatch = text.match(/EXT-X-DATERANGE:([^\r\n]*)/i);
     if (daterangeMatch) {
-      const attrs = this.parseAttributeList(daterangeMatch[1] ?? "");
+      const attrs = this.parseAttributeList((_c = daterangeMatch[1]) != null ? _c : "");
       const hasScteOut = "SCTE35-OUT" in attrs || attrs["SCTE35-OUT"] !== void 0;
       const hasScteIn = "SCTE35-IN" in attrs || attrs["SCTE35-IN"] !== void 0;
-      const klass = String(attrs["CLASS"] ?? "");
+      const klass = String((_d = attrs["CLASS"]) != null ? _d : "");
       const duration = this.toNumber(attrs["DURATION"]);
       if (hasScteOut || /com\.apple\.hls\.cue/i.test(klass)) {
         const marker = {
@@ -1162,6 +2107,7 @@ var StormcloudVideoPlayer = class {
     }
   }
   onScte35Marker(marker) {
+    var _a, _b;
     if (this.config.debugAdTiming) {
       console.log("[StormcloudVideoPlayer] SCTE-35 marker detected:", {
         type: marker.type,
@@ -1177,7 +2123,7 @@ var StormcloudVideoPlayer = class {
       this.expectedAdBreakDurationMs = durationMs;
       this.currentAdBreakStartWallClockMs = Date.now();
       const isManifestMarker = this.isManifestBasedMarker(marker);
-      const forceImmediate = this.config.immediateManifestAds ?? true;
+      const forceImmediate = (_a = this.config.immediateManifestAds) != null ? _a : true;
       if (this.config.debugAdTiming) {
         console.log("[StormcloudVideoPlayer] Ad start decision:", {
           isManifestMarker,
@@ -1194,7 +2140,7 @@ var StormcloudVideoPlayer = class {
         this.clearAdStartTimer();
         this.handleAdStart(marker);
       } else if (typeof marker.ptsSeconds === "number") {
-        const tol = this.config.driftToleranceMs ?? 1e3;
+        const tol = (_b = this.config.driftToleranceMs) != null ? _b : 1e3;
         const nowMs = this.video.currentTime * 1e3;
         const estCurrentPtsMs = nowMs - this.ptsDriftEmaMs;
         const deltaMs = Math.floor(marker.ptsSeconds * 1e3 - estCurrentPtsMs);
@@ -1304,12 +2250,13 @@ var StormcloudVideoPlayer = class {
     return void 0;
   }
   parseAttributeList(value) {
+    var _a, _b, _c;
     const attrs = {};
     const regex = /([A-Z0-9-]+)=(("[^"]*")|([^",]*))(?:,|$)/gi;
     let match;
     while ((match = regex.exec(value)) !== null) {
-      const key = match[1] ?? "";
-      let rawVal = match[3] ?? match[4] ?? "";
+      const key = (_a = match[1]) != null ? _a : "";
+      let rawVal = (_c = (_b = match[3]) != null ? _b : match[4]) != null ? _c : "";
       if (rawVal.startsWith('"') && rawVal.endsWith('"')) {
         rawVal = rawVal.slice(1, -1);
       }
@@ -1473,6 +2420,43 @@ var StormcloudVideoPlayer = class {
     }
   }
   async fetchAdConfiguration() {
+    var _a, _b, _c;
+    const vastMode = this.config.vastMode || "default";
+    if (this.config.debugAdTiming) {
+      console.log(
+        "[StormcloudVideoPlayer] VAST mode:",
+        vastMode
+      );
+    }
+    if (vastMode === "adstorm") {
+      if (!this.config.licenseKey) {
+        if (this.config.debugAdTiming) {
+          console.warn(
+            "[StormcloudVideoPlayer] AdStorm mode requires a license key"
+          );
+        }
+        return;
+      }
+      const vastEndpoint = `https://adstorm.co/api-adstorm-dev/adstorm/vast/${this.config.licenseKey}`;
+      this.apiVastTagUrl = vastEndpoint;
+      if (this.config.debugAdTiming) {
+        console.log(
+          "[StormcloudVideoPlayer] Using AdStorm VAST endpoint:",
+          vastEndpoint
+        );
+      }
+      return;
+    }
+    if (this.config.vastTagUrl) {
+      this.apiVastTagUrl = this.config.vastTagUrl;
+      if (this.config.debugAdTiming) {
+        console.log(
+          "[StormcloudVideoPlayer] Using custom VAST tag URL:",
+          this.apiVastTagUrl
+        );
+      }
+      return;
+    }
     const apiUrl = "https://adstorm.co/api-adstorm-dev/adstorm/ads/web";
     if (this.config.debugAdTiming) {
       console.log(
@@ -1486,25 +2470,29 @@ var StormcloudVideoPlayer = class {
     }
     const response = await fetch(apiUrl, { headers });
     if (!response.ok) {
-      throw new Error(`Failed to fetch ad configuration: ${response.status}`);
+      if (this.config.debugAdTiming) {
+        console.warn(
+          `[StormcloudVideoPlayer] Failed to fetch ad configuration: ${response.status}`
+        );
+      }
+      return;
     }
     const data = await response.json();
-    const imaPayload = data.response?.ima?.["publisherdesk.ima"]?.payload;
+    const imaPayload = (_c = (_b = (_a = data.response) == null ? void 0 : _a.ima) == null ? void 0 : _b["publisherdesk.ima"]) == null ? void 0 : _c.payload;
     if (imaPayload) {
       this.apiVastTagUrl = decodeURIComponent(imaPayload);
       if (this.config.debugAdTiming) {
         console.log(
-          "[StormcloudVideoPlayer] Extracted VAST tag URL:",
+          "[StormcloudVideoPlayer] Extracted VAST tag URL from /ads/web:",
           this.apiVastTagUrl
         );
       }
-    }
-    this.vastConfig = data.response?.options?.vast;
-    if (this.config.debugAdTiming) {
-      console.log("[StormcloudVideoPlayer] Ad configuration loaded:", {
-        vastTagUrl: this.apiVastTagUrl,
-        vastConfig: this.vastConfig
-      });
+    } else {
+      if (this.config.debugAdTiming) {
+        console.warn(
+          "[StormcloudVideoPlayer] No VAST tag URL found in /ads/web response"
+        );
+      }
     }
   }
   getCurrentAdIndex() {
@@ -1527,11 +2515,12 @@ var StormcloudVideoPlayer = class {
     return "other";
   }
   shouldShowNativeControls() {
+    var _a, _b;
     const streamType = this.getStreamType();
     if (streamType === "other") {
-      return !(this.config.showCustomControls ?? false);
+      return !((_a = this.config.showCustomControls) != null ? _a : false);
     }
-    return !!(this.config.allowNativeHls && !(this.config.showCustomControls ?? false));
+    return !!(this.config.allowNativeHls && !((_b = this.config.showCustomControls) != null ? _b : false));
   }
   shouldContinueLiveStreamDuringAds() {
     if (this.config.allowNativeHls) {
@@ -1543,28 +2532,20 @@ var StormcloudVideoPlayer = class {
     return true;
   }
   async handleAdStart(_marker) {
+    var _a;
     const scheduled = this.findCurrentOrNextBreak(
       this.video.currentTime * 1e3
     );
     const tags = this.selectVastTagsForBreak(scheduled);
     let vastTagUrl;
-    let adsNumber = 1;
     if (this.apiVastTagUrl) {
       vastTagUrl = this.apiVastTagUrl;
-      if (this.vastConfig) {
-        const isHls = this.config.src.includes(".m3u8") || this.config.src.includes("hls");
-        if (isHls && this.vastConfig.cue_tones?.number_ads) {
-          adsNumber = this.vastConfig.cue_tones.number_ads;
-        } else if (!isHls && this.vastConfig.timer_vod?.number_ads) {
-          adsNumber = this.vastConfig.timer_vod.number_ads;
-        }
-      }
-      this.adPodQueue = new Array(adsNumber - 1).fill(vastTagUrl);
+      this.adPodQueue = [];
       this.currentAdIndex = 0;
-      this.totalAdsInBreak = adsNumber;
+      this.totalAdsInBreak = 1;
       if (this.config.debugAdTiming) {
         console.log(
-          `[StormcloudVideoPlayer] Using API VAST tag with ${adsNumber} ads:`,
+          "[StormcloudVideoPlayer] Using VAST endpoint:",
           vastTagUrl
         );
       }
@@ -1602,17 +2583,18 @@ var StormcloudVideoPlayer = class {
         this.handleAdFailure();
       }
     }
-    if (this.expectedAdBreakDurationMs == null && scheduled?.durationMs != null) {
+    if (this.expectedAdBreakDurationMs == null && (scheduled == null ? void 0 : scheduled.durationMs) != null) {
       this.expectedAdBreakDurationMs = scheduled.durationMs;
-      this.currentAdBreakStartWallClockMs = this.currentAdBreakStartWallClockMs ?? Date.now();
+      this.currentAdBreakStartWallClockMs = (_a = this.currentAdBreakStartWallClockMs) != null ? _a : Date.now();
       this.scheduleAdStopCountdown(this.expectedAdBreakDurationMs);
     }
   }
   findCurrentOrNextBreak(nowMs) {
+    var _a;
     const schedule = [];
     let candidate;
     for (const b of schedule) {
-      const tol = this.config.driftToleranceMs ?? 1e3;
+      const tol = (_a = this.config.driftToleranceMs) != null ? _a : 1e3;
       if (b.startTimeMs <= nowMs + tol && (candidate == null || b.startTimeMs > (candidate.startTimeMs || 0))) {
         candidate = b;
       }
@@ -1628,7 +2610,8 @@ var StormcloudVideoPlayer = class {
     }
   }
   async handleMidAdJoin(adBreak, nowMs) {
-    const durationMs = adBreak.durationMs ?? 0;
+    var _a;
+    const durationMs = (_a = adBreak.durationMs) != null ? _a : 0;
     const endMs = adBreak.startTimeMs + durationMs;
     if (durationMs > 0 && nowMs > adBreak.startTimeMs && nowMs < endMs) {
       const remainingMs = endMs - nowMs;
@@ -1729,6 +2712,7 @@ var StormcloudVideoPlayer = class {
     }
   }
   handleAdFailure() {
+    var _a;
     if (this.config.debugAdTiming) {
       console.log(
         "[StormcloudVideoPlayer] Handling ad failure - resuming content",
@@ -1761,7 +2745,7 @@ var StormcloudVideoPlayer = class {
       if (this.config.debugAdTiming) {
         console.log("[StormcloudVideoPlayer] Resuming paused video");
       }
-      this.video.play()?.catch((error) => {
+      (_a = this.video.play()) == null ? void 0 : _a.catch((error) => {
         if (this.config.debugAdTiming) {
           console.error(
             "[StormcloudVideoPlayer] Failed to resume video after ad failure:",
@@ -1776,8 +2760,9 @@ var StormcloudVideoPlayer = class {
     }
   }
   startAdFailsafeTimer() {
+    var _a;
     this.clearAdFailsafeTimer();
-    const failsafeMs = this.config.adFailsafeTimeoutMs ?? 1e4;
+    const failsafeMs = (_a = this.config.adFailsafeTimeoutMs) != null ? _a : 1e4;
     if (this.config.debugAdTiming) {
       console.log(
         `[StormcloudVideoPlayer] Starting failsafe timer (${failsafeMs}ms)`
@@ -1913,6 +2898,7 @@ var StormcloudVideoPlayer = class {
     }
   }
   destroy() {
+    var _a, _b;
     this.clearAdStartTimer();
     this.clearAdStopTimer();
     this.clearAdFailsafeTimer();
@@ -1920,8 +2906,8 @@ var StormcloudVideoPlayer = class {
       clearInterval(this.heartbeatInterval);
       this.heartbeatInterval = void 0;
     }
-    this.hls?.destroy();
-    this.ima?.destroy();
+    (_a = this.hls) == null ? void 0 : _a.destroy();
+    (_b = this.ima) == null ? void 0 : _b.destroy();
   }
 };
 
@@ -2028,7 +3014,7 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(
       }
       setShowSpeedMenu(false);
     };
-    const isHlsStream = src?.toLowerCase().includes(".m3u8") || src?.toLowerCase().includes("/hls/");
+    const isHlsStream = (src == null ? void 0 : src.toLowerCase().includes(".m3u8")) || (src == null ? void 0 : src.toLowerCase().includes("/hls/"));
     const shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls : true);
     const criticalPropsKey = (0, import_react.useMemo)(() => {
       return CRITICAL_PROPS.map((prop) => `${prop}:${props[prop]}`).join("|");
@@ -2078,13 +3064,13 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(
       player.load().then(() => {
         const showNative = player.shouldShowNativeControls();
         setShouldShowNativeControls(showNative);
-        onReady?.(player);
+        onReady == null ? void 0 : onReady(player);
       }).catch((error) => {
         console.error(
           "StormcloudVideoPlayer: Failed to load player:",
           error
         );
-        onReady?.(player);
+        onReady == null ? void 0 : onReady(player);
       });
       return () => {
         try {
@@ -2140,6 +3126,7 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(
     (0, import_react.useEffect)(() => {
       if (!playerRef.current || !videoRef.current) return;
       const updateStates = () => {
+        var _a;
         if (playerRef.current && videoRef.current) {
           setIsMuted(playerRef.current.isMuted());
           setIsPlaying(!videoRef.current.paused);
@@ -2157,13 +3144,14 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(
           );
         }
         setIsFullscreen(
-          document.fullscreenElement === videoRef.current?.parentElement
+          document.fullscreenElement === ((_a = videoRef.current) == null ? void 0 : _a.parentElement)
         );
       };
       const interval = setInterval(updateStates, 200);
       const handleFullscreenChange = () => {
+        var _a;
         setIsFullscreen(
-          document.fullscreenElement === videoRef.current?.parentElement
+          document.fullscreenElement === ((_a = videoRef.current) == null ? void 0 : _a.parentElement)
         );
       };
       document.addEventListener("fullscreenchange", handleFullscreenChange);