stormcloud-video-player 0.2.25 → 0.2.26

package/lib/index.d.cts

@@ -48,8 +48,9 @@ interface ImaController {
     resize: (width: number, height: number) => void;
     on: (event: string, listener: (payload?: any) => void) => void;
     off: (event: string, listener: (payload?: any) => void) => void;
-    updateOriginalMutedState: (muted: boolean) => void;
+    updateOriginalMutedState: (muted: boolean, volume?: number) => void;
     getOriginalMutedState: () => boolean;
+    getOriginalVolume: () => number;
     setAdVolume: (volume: number) => void;
     getAdVolume: () => number;
     showPlaceholder: () => void;

package/lib/index.d.ts

@@ -48,8 +48,9 @@ interface ImaController {
     resize: (width: number, height: number) => void;
     on: (event: string, listener: (payload?: any) => void) => void;
     off: (event: string, listener: (payload?: any) => void) => void;
-    updateOriginalMutedState: (muted: boolean) => void;
+    updateOriginalMutedState: (muted: boolean, volume?: number) => void;
     getOriginalMutedState: () => boolean;
+    getOriginalVolume: () => number;
     setAdVolume: (volume: number) => void;
     getAdVolume: () => number;
     showPlaceholder: () => void;

package/lib/index.js

@@ -197,6 +197,7 @@ function supportsFeature(feature) {
 function createImaController(video, options) {
   let adPlaying = false;
   let originalMutedState = false;
+  let originalVolume = typeof video.volume === "number" && !Number.isNaN(video.volume) ? Math.max(0, Math.min(1, video.volume)) : 1;
   const listeners = /* @__PURE__ */ new Map();
   const preloadedVast = /* @__PURE__ */ new Map();
   const preloadingVast = /* @__PURE__ */ new Map();
@@ -305,6 +306,22 @@ function createImaController(video, options) {
     adsRequest.linearAdSlotHeight = videoHeight;
     adsRequest.nonLinearAdSlotWidth = videoWidth;
     adsRequest.nonLinearAdSlotHeight = videoHeight;
+    if (typeof adsRequest.setAdWillAutoPlay === "function") {
+      try {
+        const willAutoPlay = !video.paused || video.autoplay;
+        adsRequest.setAdWillAutoPlay(willAutoPlay);
+      } catch (error) {
+        console.warn("[IMA] Failed to call setAdWillAutoPlay:", error);
+      }
+    }
+    if (typeof adsRequest.setAdWillPlayMuted === "function") {
+      try {
+        const willPlayMuted = video.muted || video.volume === 0;
+        adsRequest.setAdWillPlayMuted(willPlayMuted);
+      } catch (error) {
+        console.warn("[IMA] Failed to call setAdWillPlayMuted:", error);
+      }
+    }
     adsRequest.vastLoadTimeout = 5e3;
     console.log(`[IMA] Ads request dimensions: ${videoWidth}x${videoHeight}`);
     adsLoader.requestAds(adsRequest);
@@ -710,7 +727,7 @@ function createImaController(video, options) {
         console.log(`[IMA] Initializing ads manager (${width}x${height})`);
         adsManager.init(width, height, window.google.ima.ViewMode.NORMAL);
         adPlaying = true;
-        const adVolume = originalMutedState ? 0 : video.volume;
+        const adVolume = originalMutedState ? 0 : originalVolume;
         try {
           adsManager.setVolume(adVolume);
           console.log(`[IMA] Set ad volume to ${adVolume}`);
@@ -752,6 +769,7 @@ function createImaController(video, options) {
       destroyAdsManager();
       adPlaying = false;
       video.muted = originalMutedState;
+      video.volume = originalVolume;
       setAdPlayingFlag(false);
       if (adContainerEl) {
         adContainerEl.style.pointerEvents = "none";
@@ -796,15 +814,20 @@ function createImaController(video, options) {
       var _a;
       (_a = listeners.get(event)) == null ? void 0 : _a.delete(listener);
     },
-    updateOriginalMutedState(muted) {
+    updateOriginalMutedState(muted, volume) {
+      const nextVolume = typeof volume === "number" && !Number.isNaN(volume) ? Math.max(0, Math.min(1, volume)) : originalVolume;
       console.log(
-        `[IMA] updateOriginalMutedState called: ${originalMutedState} -> ${muted}`
+        `[IMA] updateOriginalMutedState called: { muted: ${originalMutedState} -> ${muted}, volume: ${originalVolume} -> ${nextVolume} }`
       );
       originalMutedState = muted;
+      originalVolume = nextVolume;
     },
     getOriginalMutedState() {
       return originalMutedState;
     },
+    getOriginalVolume() {
+      return originalVolume;
+    },
     setAdVolume(volume) {
       if (adsManager && adPlaying) {
         try {
@@ -846,6 +869,7 @@ import Hls from "hls.js";
 function createHlsAdPlayer(contentVideo, options) {
   let adPlaying = false;
   let originalMutedState = false;
+  let originalVolume = Math.max(0, Math.min(1, contentVideo.volume || 1));
   const listeners = /* @__PURE__ */ new Map();
   const licenseKey = options == null ? void 0 : options.licenseKey;
   const mainHlsInstance = options == null ? void 0 : options.mainHlsInstance;
@@ -1203,6 +1227,7 @@ function createHlsAdPlayer(contentVideo, options) {
     setAdPlayingFlag(false);
     const previousMutedState = contentVideo.muted;
     contentVideo.muted = originalMutedState;
+    contentVideo.volume = originalMutedState ? 0 : originalVolume;
     console.log(
       `[HlsAdPlayer] Restored mute state: ${previousMutedState} -> ${originalMutedState}`
     );
@@ -1332,6 +1357,10 @@ function createHlsAdPlayer(contentVideo, options) {
           complete: false
         };
         const contentVolume = contentVideo.volume;
+        originalVolume = Math.max(
+          0,
+          Math.min(1, contentVolume || originalVolume)
+        );
         if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
           contentVideo.pause();
           console.log("[HlsAdPlayer] Content paused (VOD mode)");
@@ -1344,7 +1373,7 @@ function createHlsAdPlayer(contentVideo, options) {
         adPlaying = true;
         setAdPlayingFlag(true);
         if (adVideoElement) {
-          const adVolume = originalMutedState ? 0 : contentVolume;
+          const adVolume = originalMutedState ? 0 : originalVolume;
           adVideoElement.volume = Math.max(0, Math.min(1, adVolume));
           adVideoElement.muted = false;
           console.log(
@@ -1423,6 +1452,7 @@ function createHlsAdPlayer(contentVideo, options) {
       adPlaying = false;
       setAdPlayingFlag(false);
       contentVideo.muted = originalMutedState;
+      contentVideo.volume = originalMutedState ? 0 : originalVolume;
       if (adHls) {
         adHls.destroy();
         adHls = void 0;
@@ -1464,15 +1494,20 @@ function createHlsAdPlayer(contentVideo, options) {
       var _a;
       (_a = listeners.get(event)) == null ? void 0 : _a.delete(listener);
     },
-    updateOriginalMutedState(muted) {
+    updateOriginalMutedState(muted, volume) {
+      const nextVolume = typeof volume === "number" && !Number.isNaN(volume) ? Math.max(0, Math.min(1, volume)) : originalVolume;
       console.log(
-        `[HlsAdPlayer] updateOriginalMutedState called: ${originalMutedState} -> ${muted}`
+        `[HlsAdPlayer] updateOriginalMutedState called: { muted: ${originalMutedState} -> ${muted}, volume: ${originalVolume} -> ${nextVolume} }`
       );
       originalMutedState = muted;
+      originalVolume = nextVolume;
     },
     getOriginalMutedState() {
       return originalMutedState;
     },
+    getOriginalVolume() {
+      return originalVolume;
+    },
     setAdVolume(volume) {
       if (adVideoElement && adPlaying) {
         adVideoElement.volume = Math.max(0, Math.min(1, volume));
@@ -2253,7 +2288,7 @@ var StormcloudVideoPlayer = class {
     this.video.autoplay = !!this.config.autoplay;
     this.video.muted = !!this.config.muted;
     this.ima.initialize();
-    this.ima.updateOriginalMutedState(this.video.muted);
+    this.ima.updateOriginalMutedState(this.video.muted, this.video.volume);
     this.ima.on("all_ads_completed", () => {
       if (this.config.debugAdTiming) {
         console.log(
@@ -3142,7 +3177,7 @@ var StormcloudVideoPlayer = class {
           }
         );
       }
-      this.ima.updateOriginalMutedState(this.video.muted);
+      this.ima.updateOriginalMutedState(this.video.muted, this.video.volume);
     } else if (this.config.debugAdTiming) {
       console.log(
         `[StormcloudVideoPlayer] Keeping existing original mute state (currently showing ads)`
@@ -3204,8 +3239,9 @@ var StormcloudVideoPlayer = class {
     this.ima.stop().catch(() => {
     });
     const originalMutedState = this.ima.getOriginalMutedState();
+    const originalVolume = typeof this.ima.getOriginalVolume === "function" ? this.ima.getOriginalVolume() : this.video.volume;
     this.video.muted = originalMutedState;
-    this.video.volume = originalMutedState ? 0 : 1;
+    this.video.volume = originalVolume;
     if (this.config.debugAdTiming) {
       console.log(
         `[StormcloudVideoPlayer] Restored main video - muted: ${originalMutedState}, volume: ${this.video.volume}`
@@ -3356,7 +3392,7 @@ var StormcloudVideoPlayer = class {
     if (this.ima.isAdPlaying()) {
       const currentPerceptualState = this.isMuted();
       const newMutedState = !currentPerceptualState;
-      this.ima.updateOriginalMutedState(newMutedState);
+      this.ima.updateOriginalMutedState(newMutedState, this.video.volume);
       this.ima.setAdVolume(newMutedState ? 0 : 1);
       if (this.config.debugAdTiming) {
         console.log(
@@ -3366,7 +3402,7 @@ var StormcloudVideoPlayer = class {
       }
     } else {
       this.video.muted = !this.video.muted;
-      this.ima.updateOriginalMutedState(this.video.muted);
+      this.ima.updateOriginalMutedState(this.video.muted, this.video.volume);
       if (this.config.debugAdTiming) {
         console.log("[StormcloudVideoPlayer] Muted:", this.video.muted);
       }
@@ -3438,7 +3474,7 @@ var StormcloudVideoPlayer = class {
     }
     this.video.muted = muted;
     if (adPlaying) {
-      this.ima.updateOriginalMutedState(muted);
+      this.ima.updateOriginalMutedState(muted, this.video.volume);
       this.ima.setAdVolume(muted ? 0 : 1);
       if (this.config.debugAdTiming) {
         console.log("[StormcloudVideoPlayer] setMuted applied during ad", {
@@ -3447,7 +3483,7 @@ var StormcloudVideoPlayer = class {
       }
       return;
     }
-    this.ima.updateOriginalMutedState(muted);
+    this.ima.updateOriginalMutedState(muted, this.video.volume);
     if (this.config.debugAdTiming) {
       console.log("[StormcloudVideoPlayer] setMuted called:", muted);
     }