@vindral/web-sdk 4.5.1-26-gf419005e4 → 4.5.1-27-ga7e48e0ae

package/{BR0DDziv.js → BgS0aefK.js}

@@ -3688,7 +3688,7 @@ var ks = (e) => {
 			this.element.muted = this._userProvidedMuted, this._play().catch(o);
 		}), e(this, "play", () => {
 			this.element.muted = this._userProvidedMuted, this._play().catch((e) => {
-				if (e instanceof Error) {
+				if (e instanceof Error && e.name !== "AbortError") {
 					let t = new h("Media Play Error", {
 						source: e,
 						isFatal: !1,
@@ -8861,10 +8861,10 @@ var X_ = (e, t) => `${e}\u0000${t == null ? "" : t}`, Z_ = (e, t, n, r) => e ===
 	}
 }, lv, uv = class {
 	constructor(t) {
-		e(this, "emitter", void 0), e(this, "isVisibleCount", 0), e(this, "isHiddenCount", 0), e(this, "isOnlineCount", 0), e(this, "isOfflineCount", 0), e(this, "isActive", document.visibilityState === "visible"), e(this, "unload", () => {
-			document.removeEventListener("visibilitychange", this.onVisibilityChanged), window.removeEventListener("pageshow", this.onPageShow), window.removeEventListener("pagehide", this.onPageHide), window.removeEventListener("online", this.onOnline), window.removeEventListener("offline", this.onOffline);
+		e(this, "emitter", void 0), e(this, "isVisibleCount", 0), e(this, "isHiddenCount", 0), e(this, "isOnlineCount", 0), e(this, "isOfflineCount", 0), e(this, "isActive", document.visibilityState === "visible"), e(this, "isBehindAnotherApp", !1), e(this, "unload", () => {
+			this.emitter.off("fullscreen app switch", this.onFullscreenAppSwitch), window.removeEventListener("focus", this.onVisibilityChanged), document.removeEventListener("visibilitychange", this.onVisibilityChanged), window.removeEventListener("pageshow", this.onPageShow), window.removeEventListener("pagehide", this.onPageHide), window.removeEventListener("online", this.onOnline), window.removeEventListener("offline", this.onOffline);
 		}), e(this, "load", () => {
-			document.addEventListener("visibilitychange", this.onVisibilityChanged), window.addEventListener("pageshow", this.onPageShow), window.addEventListener("pagehide", this.onPageHide), window.addEventListener("online", this.onOnline), window.addEventListener("offline", this.onOffline);
+			this.emitter.on("fullscreen app switch", this.onFullscreenAppSwitch), window.addEventListener("focus", this.onVisibilityChanged), document.addEventListener("visibilitychange", this.onVisibilityChanged), window.addEventListener("pageshow", this.onPageShow), window.addEventListener("pagehide", this.onPageHide), window.addEventListener("online", this.onOnline), window.addEventListener("offline", this.onOffline);
 		}), e(this, "unsuspend", () => {}), e(this, "getStatistics", () => {
 			var e, t, n, r, i;
 			return {
@@ -8881,9 +8881,11 @@ var X_ = (e, t) => `${e}\u0000${t == null ? "" : t}`, Z_ = (e, t, n, r) => e ===
 				navigatorDownlink: (i = navigator.connection) == null ? void 0 : i.downlink
 			};
 		}), e(this, "onOnline", () => this.isOnlineCount++), e(this, "onOffline", () => this.isOfflineCount++), e(this, "onPageShow", (e) => {
-			this.emitter.emit("pageshow", e), this.setIsActive(document.visibilityState === "visible");
+			this.emitter.emit("pageshow", e), this.onVisibilityChanged();
 		}), e(this, "onPageHide", (e) => this.emitter.emit("pagehide", e)), e(this, "onVisibilityChanged", () => {
-			this.setIsActive(document.visibilityState === "visible");
+			this.isBehindAnotherApp = !1, this.setIsActive(this.isVisible);
+		}), e(this, "onFullscreenAppSwitch", () => {
+			this.isBehindAnotherApp = !0, this.setIsActive(!1);
 		}), e(this, "setIsActive", (e) => {
 			e !== this.isActive && (this.emitter.emit("page active", e), e ? this.isVisibleCount++ : this.isHiddenCount++), this.isActive = e;
 		}), this.emitter = t;
@@ -8892,7 +8894,7 @@ var X_ = (e, t) => `${e}\u0000${t == null ? "" : t}`, Z_ = (e, t, n, r) => e ===
 		return navigator.onLine;
 	}
 	get isVisible() {
-		return document.visibilityState === "visible";
+		return document.visibilityState === "visible" && !this.isBehindAnotherApp;
 	}
 };
 lv = uv, e(uv, "create", (e) => new lv(e));
@@ -9147,11 +9149,13 @@ var xv, Sv = 150, Cv = 400, wv = (e) => e === void 0 ? 5 : e <= Sv ? 1 : e <= Cv
 		})), e(this, "suspend", () => {
 			this.setGain(0);
 		}), e(this, "unsuspend", () => {
-			var e;
 			if (this.setGain(this._volume), !Ze()) {
 				this.resume().catch(this.onUnsuspendFailure);
 				return;
 			}
+			this.restartContext();
+		}), e(this, "restartContext", () => {
+			var e;
 			this.ignoreSuspendCalls = !!this.audio, (e = this.audio) == null || e.suspend().then(t(function* () {
 				yield c.resume(), c.ignoreSuspendCalls = !1;
 			})).catch(this.onUnsuspendFailure);
@@ -9231,7 +9235,11 @@ var xv, Sv = 150, Cv = 400, wv = (e) => e === void 0 ? 5 : e <= Sv ? 1 : e <= Cv
 			return (e = this.audio) == null || e.unload(), this.audio = new bv(), this.audio.on("state", (e) => {
 				this.logger.info("AudioContext state change", { state: e }), e === "running" && (this._muted = this._userProvidedMuted, this.setGain(this._volume)), !this.ignoreSuspendCalls && this.emit("state change", e);
 			}), this.audio.on("stuck", () => {
-				this.reInitWhenStuck && (this.logger.info("Re-init audio context"), this.setupContext(), this.resume().catch(o), this.emit("stuck"));
+				if (!this.reInitWhenStuck) {
+					this.restartContext();
+					return;
+				}
+				this.logger.info("Re-init audio context"), this.setupContext(), this.resume().catch(o), this.emit("stuck");
 			}), (t = this.gainNode) == null || t.disconnect(), this.gainNode = this.audio.createGain(), this.setGain(this._volume), this.startTime = this.audio.currentTime, (n = this.splitter) == null || n.disconnect(), this.splitter = this.audio.createSplitter(), this.audio;
 		}), e(this, "setGain", (e) => {
 			this.gainNode && (this.gainNode.gain.value = this._muted ? 0 : e);
@@ -9643,30 +9651,49 @@ Pv = Rv, e(Rv, "create", (e, t, n) => new Pv(e, t, n)), e(Rv, "isSupported", ()
 //#endregion
 //#region ../../libs/web-sdk/src/modules/ModernCanvasModule.ts
 var zv, Bv = class {
-	constructor(t, n, r, i, { muted: a, volume: s, type: c, poster: l, offscreenCanvas: u, bufferTime: d, backgroundPlaybackEnabled: f }) {
-		e(this, "logger", void 0), e(this, "emitter", void 0), e(this, "mediaElement", void 0), e(this, "audioPlayer", void 0), e(this, "videoPlayer", void 0), e(this, "pool", void 0), e(this, "isDisconnected", !0), e(this, "_userProvidedMuted", !1), e(this, "timers", new M()), e(this, "offscreenCanvas", void 0), e(this, "videoTrack", void 0), e(this, "canvasCaptureTracks", []), e(this, "backgroundPlaybackEnabled", void 0), e(this, "nativeTracksByLanguage", /* @__PURE__ */ new Map()), e(this, "nativeCuesByLanguage", /* @__PURE__ */ new Map()), e(this, "lastCanvasCueTexts", []), e(this, "isIOSNativeFullscreen", !1), e(this, "isSyncingNativeTextTracks", !1), e(this, "renderCanvasSubtitlesInNativeFullscreen", (() => {
+	constructor(t, n, r, i, { muted: a, volume: s, type: c, poster: l, offscreenCanvas: u, bufferTime: d, backgroundPlaybackEnabled: f, splitAudio: p }) {
+		if (e(this, "logger", void 0), e(this, "emitter", void 0), e(this, "mediaElement", void 0), e(this, "sound", void 0), e(this, "wantsPlay", void 0), e(this, "audioPlayer", void 0), e(this, "videoPlayer", void 0), e(this, "pool", void 0), e(this, "isDisconnected", !0), e(this, "_userProvidedMuted", !1), e(this, "timers", new M()), e(this, "offscreenCanvas", void 0), e(this, "videoTrack", void 0), e(this, "canvasCaptureTracks", []), e(this, "backgroundPlaybackEnabled", void 0), e(this, "nativeTracksByLanguage", /* @__PURE__ */ new Map()), e(this, "nativeCuesByLanguage", /* @__PURE__ */ new Map()), e(this, "lastCanvasCueTexts", []), e(this, "isIOSNativeFullscreen", !1), e(this, "isSyncingNativeTextTracks", !1), e(this, "renderCanvasSubtitlesInNativeFullscreen", (() => {
 			let e = st().platform;
 			return e.isIOS && e.iosVersion <= 16;
 		})()), e(this, "volumeState", void 0), e(this, "textTracks", new kv()), e(this, "reset", () => {}), e(this, "load", () => {
-			this.mediaElement.load(), this.emitter.on("decoded frame", this.onDecodedFrame), this.emitter.on("flush buffers", this.flushBuffers), this.emitter.on("ios-hack: reset size", this.resetCanvasSize), this.emitter.on("enter picture in picture", this.onEnterIOSHack), this.emitter.on("exit picture in picture", this.onExitIOSHack), this.element().element.textTracks.addEventListener("change", this.onNativeTextTrackChange), this.element().element.addEventListener("webkitendfullscreen", this.onExitIOSHack), this.element().element.addEventListener("webkitbeginfullscreen", this.onEnterIOSHack), this.videoPlayer.load(), this.timers.setInterval(this.syncNativeTextTracks, 100);
+			this.mediaElement.load(), this.sound && (this.sound.load(), document.body.appendChild(this.sound.element), this.mediaElement.element.addEventListener("pause", this.onVideoPause), this.mediaElement.element.addEventListener("play", this.onVideoPlay), window.addEventListener("focus", this.onWindowFocus)), this.emitter.on("decoded frame", this.onDecodedFrame), this.emitter.on("flush buffers", this.flushBuffers), this.emitter.on("ios-hack: reset size", this.resetCanvasSize), this.emitter.on("enter picture in picture", this.onEnterIOSHack), this.emitter.on("exit picture in picture", this.onExitIOSHack), this.element().element.textTracks.addEventListener("change", this.onNativeTextTrackChange), this.element().element.addEventListener("webkitendfullscreen", this.onExitIOSHack), this.element().element.addEventListener("webkitbeginfullscreen", this.onEnterIOSHack), this.videoPlayer.load(), this.timers.setInterval(this.syncNativeTextTracks, 100);
 		}), e(this, "unload", () => {
 			this.emitter.off("target buffer time", this.onTargetBufferTime), this.emitter.off("decoded frame", this.onDecodedFrame), this.emitter.off("flush buffers", this.flushBuffers), this.emitter.off("ios-hack: reset size", this.resetCanvasSize), this.emitter.off("enter picture in picture", this.onEnterIOSHack), this.emitter.off("exit picture in picture", this.onExitIOSHack), this.element().element.textTracks.removeEventListener("change", this.onNativeTextTrackChange), this.element().element.removeEventListener("webkitendfullscreen", this.onExitIOSHack), this.element().element.removeEventListener("webkitbeginfullscreen", this.onEnterIOSHack);
 			for (let e of this.nativeTracksByLanguage.keys()) this.clearNativeCues(e);
-			this.nativeTracksByLanguage.clear(), this.nativeCuesByLanguage.clear(), this.mediaElement.unload(), this.timers.unload(), this.audioPlayer.unload(), this.videoPlayer.unload();
+			this.nativeTracksByLanguage.clear(), this.nativeCuesByLanguage.clear(), this.sound && (this.mediaElement.element.removeEventListener("pause", this.onVideoPause), this.mediaElement.element.removeEventListener("play", this.onVideoPlay), window.removeEventListener("focus", this.onWindowFocus), this.sound.pause(), this.sound.element.srcObject = null, this.sound.unload(), this.sound.element.remove()), this.mediaElement.unload(), this.timers.unload(), this.audioPlayer.unload(), this.videoPlayer.unload();
 		}), e(this, "suspend", () => {
 			this.videoPlayer.suspend(), this.audioPlayer.suspend();
 		}), e(this, "unsuspend", () => {
 			this.videoPlayer.unsuspend(), this.audioPlayer.unsuspend();
-		}), e(this, "element", () => this.mediaElement), e(this, "getStatistics", () => D(D({}, this.videoPlayer.getStatistics()), {}, { audioContextState: this.audioPlayer.contextState })), e(this, "activateAudioPlayer", () => (this.isDisconnected && this.connectStreams(), this.audioPlayer.play())), e(this, "flushBuffers", () => {
+		}), e(this, "element", () => this.mediaElement), e(this, "elements", () => this.sound ? [this.mediaElement, this.sound] : [this.mediaElement]), e(this, "getStatistics", () => D(D({}, this.videoPlayer.getStatistics()), {}, { audioContextState: this.audioPlayer.contextState })), e(this, "activateAudioPlayer", () => (this.isDisconnected && this.connectStreams(), this.audioPlayer.play())), e(this, "flushBuffers", () => {
 			this.audioPlayer.flushBuffer();
 		}), e(this, "onTargetBufferTime", (e) => {
 			this.audioPlayer.bufferTime = e;
 		}), e(this, "resetCanvasSize", () => {
 			this.videoPlayer.resetSize();
+		}), e(this, "onVideoPause", () => {
+			this.mediaElement.element.paused && (this.emitPlaybackState(), this.wantsPlay && this.timers.setTimeout(this.isIOSNativeFullscreen ? this.reportFullscreenPause : this.restartVideoIfWanted, 400));
+		}), e(this, "onVideoPlay", () => {
+			if (!this.mediaElement.element.paused) {
+				if (!this.wantsPlay) {
+					this.isIOSNativeFullscreen ? this.emitter.emit("native control", "play") : this.mediaElement.pause();
+					return;
+				}
+				this.emitPlaybackState();
+			}
 		}), e(this, "onEnterIOSHack", () => {
 			this.isIOSNativeFullscreen = !0, this.mediaElement._iosHackEnterPiPMode();
 		}), e(this, "onExitIOSHack", () => {
-			this.isIOSNativeFullscreen = !1, this.clearCanvasCues(), this.mediaElement._iosHackExitPiPMode();
+			this.isIOSNativeFullscreen = !1, this.clearCanvasCues(), this.mediaElement._iosHackExitPiPMode(), this.sound && this.restartVideoIfWanted();
+		}), e(this, "reportFullscreenPause", () => {
+			!this.isIOSNativeFullscreen || !this.wantsPlay || !this.mediaElement.element.paused || (Ct(this.mediaElement.element) === "picture-in-picture" || document.hasFocus() ? this.emitter.emit("native control", "pause") : this.emitter.emit("fullscreen app switch"));
+		}), e(this, "onWindowFocus", () => {
+			this.isIOSNativeFullscreen && this.wantsPlay && this.mediaElement.element.paused && this.mediaElement.tryPlay();
+		}), e(this, "lastPlaybackState", void 0), e(this, "emitPlaybackState", () => {
+			let e = this.isPaused ? "paused" : "playing";
+			e !== this.lastPlaybackState && (this.lastPlaybackState = e, this.emitter.emit("media element state", e));
+		}), e(this, "restartVideoIfWanted", () => {
+			this.wantsPlay && this.mediaElement.element.paused && !this.isIOSNativeFullscreen && document.visibilityState === "visible" && this.mediaElement.tryPlay();
 		}), e(this, "onDecodedFrame", (e) => {
 			try {
 				this.audioPlayer.onDecodedFrame(e);
@@ -9685,10 +9712,10 @@ var zv, Bv = class {
 			this.logger.info(`Connecting streams using ${this.offscreenCanvas ? "OffscreenCanvas" : "VideoPlayer"} canvas (${e.width}x${e.height})`);
 			let t = this.videoTrack ? [this.videoTrack] : e.captureStream().getTracks(), n = this.canvasCaptureTracks;
 			this.canvasCaptureTracks = this.videoTrack ? [] : t;
-			let r = this.audioPlayer.useMediaStreamDestination().stream, i = [...t, ...r.getTracks()];
+			let r = this.audioPlayer.useMediaStreamDestination().stream, i = this.sound ? t : [...t, ...r.getTracks()];
 			this.logger.info(`Video tracks: ${t.length} (${this.videoTrack ? "worker track" : "canvas capture"}), Audio tracks: ${r.getTracks().length}`);
 			for (let e of n) e.stop();
-			this.mediaElement.element.srcObject = new MediaStream(i), this.isDisconnected = !1;
+			this.mediaElement.element.srcObject = new MediaStream(i), this.sound && this.sound.element.srcObject !== r && (this.sound.element.srcObject = r), this.isDisconnected = !1;
 		}), e(this, "setVideoTrack", (e) => {
 			this.videoTrack !== e && (this.videoTrack = e, this.reconnectCanvasStream());
 		}), e(this, "setOffscreenCanvas", (e) => {
@@ -9764,43 +9791,48 @@ var zv, Bv = class {
 		}), e(this, "applyVisibilityMutePolicy", () => {
 			if (!this.audioPlayer.isContextRunning) return;
 			let e = document.visibilityState === "hidden";
-			this.mediaElement.muted = this._userProvidedMuted || e && !this.backgroundPlaybackEnabled;
+			this.soundElement.muted = this._userProvidedMuted || e && !this.backgroundPlaybackEnabled;
 		}), this.logger = n, this.emitter = t, this.pool = r, this._userProvidedMuted = a, this.offscreenCanvas = u, this.backgroundPlaybackEnabled = f == null ? !1 : f, this.emitter.on("target buffer time", this.onTargetBufferTime), this.mediaElement = new As({
 			poster: l,
 			type: c,
-			muted: a,
+			muted: p ? !0 : a,
 			volume: s,
 			autoplay: !1,
 			logger: this.logger.createContext("MediaElement")
-		}), this.mediaElement.on("volume state", (e) => {
+		}), p && (this.sound = new As({
+			type: "audio",
+			muted: a,
+			volume: s,
+			autoplay: !1,
+			logger: this.logger.createContext("SoundElement")
+		}), this.sound.element.style.display = "none", this.sound.element.setAttribute("aria-hidden", "true")), this.soundElement.on("volume state", (e) => {
 			this.updateVolumeState(), !e.isMuted && !this.audioPlayer.isContextRunning && this.activateAudioPlayer().catch(o), e.isMuted || (this._userProvidedMuted = !1);
-		}), this.mediaElement.on("media element state", (e) => {
-			e === "paused" && this.audioPlayer.flushBuffer(), this.audioPlayer.sinkPaused = e === "paused", this.emitter.emit("media element state", e);
-		}), this.audioPlayer = Tv.create(this.logger.createContext("AudioPlayerModule"), i, {
+		}), this.soundElement.on("media element state", (e) => {
+			e === "paused" && this.audioPlayer.flushBuffer(), this.audioPlayer.sinkPaused = e === "paused", this.emitPlaybackState();
+		}), this.sound) for (let e of this.elements()) e.on("needs user input", (e) => this.emitter.emit("needs user input", e)), e.on("error", (e) => this.emitter.emit("error", e));
+		this.audioPlayer = Tv.create(this.logger.createContext("AudioPlayerModule"), i, {
 			muted: !1,
 			reInitWhenStuck: !1,
 			bufferTime: d
-		}), this.audioPlayer.on("stuck", () => {
-			this.isDisconnected = !0;
 		}), this.audioPlayer.on("state change", (e) => {
-			e === "suspended" || e === "interrupted" ? this.mediaElement.muted = !0 : e === "running" && this.applyVisibilityMutePolicy(), this.updateVolumeState();
+			e === "suspended" || e === "interrupted" ? this.soundElement.muted = !0 : e === "running" && this.applyVisibilityMutePolicy(), this.updateVolumeState();
 		}), this.videoPlayer = Dv.create(this.logger.createContext("VideoPlayerModule"), this.audioPlayer, this.pool, this.mediaElement.element, () => this.reconnectCanvasStream(), this.onVideoPlayerError);
 	}
 	get volume() {
-		return this.mediaElement.volume;
+		return this.soundElement.volume;
 	}
 	set volume(e) {
-		this.mediaElement.volume = e;
+		this.soundElement.volume = e;
 	}
 	get muted() {
-		return this.mediaElement.muted || this.audioPlayer.muted;
+		return this.soundElement.muted || this.audioPlayer.muted;
 	}
 	get userMuted() {
-		return this.audioPlayer.isContextRunning ? this.mediaElement.muted : this._userProvidedMuted;
+		return this.audioPlayer.isContextRunning ? this.soundElement.muted : this._userProvidedMuted;
 	}
 	set muted(e) {
 		let t = this.muted;
-		this._userProvidedMuted = e, this.mediaElement.muted = e, !e && t && this.activateAudioPlayer().catch(o);
+		this._userProvidedMuted = e, this.soundElement.muted = e, !e && t && this.activateAudioPlayer().catch(o);
 	}
 	get currentTime() {
 		return this.audioPlayer.currentTime;
@@ -9821,7 +9853,11 @@ var zv, Bv = class {
 		return this.mediaElement.totalSeekTime;
 	}
 	get isPaused() {
-		return this.mediaElement.isPaused;
+		return this.sound ? this.wantsPlay === !1 || this.sound.isPaused && this.mediaElement.element.paused : this.mediaElement.isPaused;
+	}
+	get isPlayingAsRequested() {
+		let e = this.soundElement.element;
+		return !this.wantsPlay || !e.paused && e.muted === this._userProvidedMuted;
 	}
 	get isSeeking() {
 		return this.mediaElement.isSeeking;
@@ -9830,16 +9866,23 @@ var zv, Bv = class {
 		return this.audioPlayer.audioNode;
 	}
 	play() {
-		let e = this._userProvidedMuted;
+		var e;
+		this.wantsPlay = !0;
+		let t = this._userProvidedMuted;
 		return this.activateAudioPlayer().catch(() => {
-			e || this.emitter.emit("needs user input", {
+			t || this.emitter.emit("needs user input", {
 				forAudio: !0,
 				forVideo: !1
 			});
-		}), this.mediaElement.play();
+		}), (e = this.sound) == null || e.play(), this.mediaElement.play();
 	}
 	pause() {
-		this.mediaElement.pause();
+		var e;
+		this.wantsPlay = !1, (e = this.sound) == null || e.pause(), this.mediaElement.pause();
+	}
+	get soundElement() {
+		var e;
+		return (e = this.sound) == null ? this.mediaElement : e;
 	}
 	get canvasCuesEnabled() {
 		return this.renderCanvasSubtitlesInNativeFullscreen && !this.offscreenCanvas;
@@ -11228,11 +11271,11 @@ Sy = Ty, e(Ty, "create", (e, t, n, r) => new Sy(e, t, n, r));
 //#region ../../libs/web-sdk/src/modules/UnpauseModule.ts
 var Ey, Dy = class {
 	constructor(t, n, r) {
-		e(this, "logger", void 0), e(this, "element", void 0), e(this, "documentState", void 0), e(this, "timers", new M()), e(this, "unload", () => {
+		e(this, "logger", void 0), e(this, "elements", void 0), e(this, "documentState", void 0), e(this, "timers", new M()), e(this, "unload", () => {
 			this.timers.unload();
 		}), e(this, "unpause", () => {
-			this.element.userHasProvidedInput && this.element.isPaused && this.documentState.isVisible && this.documentState.isOnline && (this.logger.debug("Unpause video"), this.element.tryPlay());
-		}), this.logger = t, this.element = n, this.documentState = r, this.timers.setInterval(this.unpause, 100);
+			if (!(!this.documentState.isVisible || !this.documentState.isOnline)) for (let e of this.elements) e.userHasProvidedInput && e.isPaused && (this.logger.debug("Unpause media element"), e.tryPlay());
+		}), this.logger = t, this.elements = n, this.documentState = r, this.timers.setInterval(this.unpause, 100);
 	}
 };
 Ey = Dy, e(Dy, "create", (e, t, n) => new Ey(e, t, n));
@@ -11805,7 +11848,7 @@ var Ay = class {
 			let e = this.modules.canvasModule instanceof Bv ? !0 : void 0;
 			return D({
 				uptime: this.uptime,
-				version: "4.5.1-26-gf419005e4",
+				version: "4.5.1-27-ga7e48e0ae",
 				clientId: this.clientId,
 				sessionId: this.sessionId,
 				channelId: this.channelId,
@@ -11872,7 +11915,7 @@ var Ay = class {
 		f && this.logger.warn("Option mseEnabled is deprecated and will be removed in a future release. Use decoders instead (e.g. decoders: [\"wasm\"])."), f && !p && i.mseEnabled === !1 && this.options.set("decoders", ["wasm"]);
 		let g = $v.create(this.emitter, this.logger.createContext("PictureInPictureModule")), _ = this.options.get("mediaSessionEnabled") ? Rv.create(this.emitter, this.logger.createContext("MediaSessionModule"), {
 			metadata: this.options.get("mediaSessionMetadata"),
-			decoy: this.willUseMediaSource() ? void 0 : qs.create(this.logger.createContext("AudioFocusDecoy"), this.yieldToInterruption),
+			decoy: this.willUseMediaSource() || this.usesSplitCanvasAudio() ? void 0 : qs.create(this.logger.createContext("AudioFocusDecoy"), this.yieldToInterruption),
 			isMuted: () => this.playbackSource.userMuted,
 			isHidden: () => !this.modules.documentState.isVisible,
 			isSinkPaused: () => this.isMediaElementPaused,
@@ -11904,7 +11947,7 @@ var Ay = class {
 				logger: this.logger.createContext("MediaElement"),
 				poster: C
 			});
-			e.on("buffer state", (e) => this.onMediaElementBufferState(e, se)), e.on("needs user input", (e) => this.emitter.emit("needs user input", e)), e.on("volume state", (e) => this.emitter.emit("volume state", e)), e.on("media element state", (e) => this.onMediaElementState(e)), this.element = e.element, this.playbackSource = e, Gr.isSupported() && this.encryptedMediaExtensions.attach(e.element), se = Gv.create(this.logger.createContext("MseModule"), this.emitter, this.element), this.options.get("pauseSupportEnabled") || (le = Dy.create(this.logger.createContext("UnpauseModule"), e, ae)), this.options.get("pictureInPictureEnabled") && this.emitter.emit("add picture in picture listener", { element: e.element });
+			e.on("buffer state", (e) => this.onMediaElementBufferState(e, se)), e.on("needs user input", (e) => this.emitter.emit("needs user input", e)), e.on("volume state", (e) => this.emitter.emit("volume state", e)), e.on("media element state", (e) => this.onMediaElementState(e)), this.element = e.element, this.playbackSource = e, Gr.isSupported() && this.encryptedMediaExtensions.attach(e.element), se = Gv.create(this.logger.createContext("MseModule"), this.emitter, this.element), this.options.get("pauseSupportEnabled") || (le = Dy.create(this.logger.createContext("UnpauseModule"), [e], ae)), this.options.get("pictureInPictureEnabled") && this.emitter.emit("add picture in picture listener", { element: e.element });
 		} else if (this.streamsToMediaElement()) {
 			let e = Bv.create(this.emitter, this.logger.createContext("ModernCanvasModule"), this.pool, this, {
 				type: this.options.get("media") === "audio" ? "audio" : "video",
@@ -11913,11 +11956,12 @@ var Ay = class {
 				poster: C,
 				offscreenCanvas: this.offscreenCanvasElement,
 				bufferTime: this.options.get("minBufferTime"),
-				backgroundPlaybackEnabled: this.isBackgroundPlayEnabled(this.channelId)
-			}), t = e.element();
-			this.element = t.element, this.playbackSource = e, ue = e;
-			let n = this.browser.platform.isIOS && this.browser.platform.iosVersion <= 15;
-			this.options.get("pictureInPictureEnabled") && !n && this.emitter.emit("add picture in picture listener", { element: this.element }), this.options.get("pauseSupportEnabled") || (le = Dy.create(this.logger.createContext("UnpauseModule"), t, ae));
+				backgroundPlaybackEnabled: this.isBackgroundPlayEnabled(this.channelId),
+				splitAudio: this.usesSplitCanvasAudio()
+			});
+			this.element = e.element().element, this.playbackSource = e, ue = e;
+			let t = this.browser.platform.isIOS && this.browser.platform.iosVersion <= 15;
+			this.options.get("pictureInPictureEnabled") && !t && this.emitter.emit("add picture in picture listener", { element: this.element }), this.options.get("pauseSupportEnabled") || (le = Dy.create(this.logger.createContext("UnpauseModule"), e.elements(), ae));
 		} else {
 			let e;
 			e = Nv.create(this.emitter, this.logger.createContext("LegacyCanvasModule"), this.pool, this, this.options.get("muted") || this.options.get("media") === "video", this.options.get("volume"), () => {
@@ -11973,9 +12017,11 @@ var Ay = class {
 		}), this.emitter.on("exit picture in picture", () => {
 			var e;
 			return (e = this.modules.decoder) == null ? void 0 : e.setVideoRenderingEnabled(this.modules.documentState.isVisible);
-		}), this.emitter.on("media session: request play", () => this.fromNativeControls("play")), this.emitter.on("media session: request pause", () => this.fromNativeControls("pause")), this.emitter.on("media session: request stop", () => this.fromNativeControls("pause")), this.emitter.on("page active", (e) => {
+		}), this.emitter.on("media session: request play", () => this.fromNativeControls("play")), this.emitter.on("media session: request pause", () => this.fromNativeControls("pause")), this.emitter.on("media session: request stop", () => this.fromNativeControls("pause")), this.emitter.on("native control", (e) => {
+			this.options.get("pauseSupportEnabled") && this.fromNativeControls(e);
+		}), this.emitter.on("page active", (e) => {
 			var t, n;
-			if ((t = this.modules.decoder) == null || t.setVideoRenderingEnabled(this.isVideoOnScreen(e)), e) this.clearInactivityDisconnect(), this.isUserPaused || (this.logger.debug("Unsuspending"), this.unsuspend());
+			if ((t = this.modules.decoder) == null || t.setVideoRenderingEnabled(this.isVideoOnScreen(e)), e) this.clearInactivityDisconnect(), this.isUserPaused || (this.logger.debug("Unsuspending"), this.unsuspend(), this.usesSplitCanvasAudio() && this.playbackSource.isPlayingAsRequested === !1 && (this.logger.debug("Playing again after show"), this.play()));
 			else if (this.clearVisiblePauseDisconnect(), this.logger.debug("Suspending"), this.suspend(), this.shouldAllowBackgroundPlayback(this.channelId)) {
 				var r, i, a;
 				(r = this.modules.decoder) == null || r.enableBackgroundTimers(), this.modules.connection.unsuspend(), this.modules.sync.unsuspend(), (i = this.modules.decoder) == null || i.unsuspend(), (a = this.modules.canvasModule) == null || a.unsuspend(), this.scheduleInactivityDisconnect();
@@ -12528,6 +12574,9 @@ var Ay = class {
 	resolvedDecoder(e) {
 		return Iy(this.options.get("decoders", e), this.browser.supportsMediaSource, this.options.get("drm"));
 	}
+	usesSplitCanvasAudio() {
+		return !this.willUseMediaSource() && this.options.get("streamToMediaElementEnabled") && At(this.browser) && this.options.get("media") !== "audio" && this.options.get("media") !== "video" && this.browser.platform.isIOS;
+	}
 	isWebKitCanvasPath() {
 		return !this.willUseMediaSource() && this.browser.platform.isWebKit;
 	}

package/{rbEA9dxP.js → CZBTVtCl.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./BsfwXDui.js";
-import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as ee, n as d, o as te, p as ne, r as re, s as ie, t as ae, u as oe, v as se } from "./BR0DDziv.js";
+import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as ee, n as d, o as te, p as ne, r as re, s as ie, t as ae, u as oe, v as se } from "./BgS0aefK.js";
 import { F as ce } from "./BBVSf5AB.js";
 import { i as f, n as p, r as m, t as h } from "./DSw1XhvD.js";
 import { c as le, n as ue, t as de } from "./BOdyvABa.js";

package/cast-sender.d.ts

@@ -332,6 +332,9 @@ interface Options {
 	 * This enables platform media features such as fullscreen and picture-in-picture
 	 * for non-MSE playback by routing the canvas output through a `<video>` element.
 	 *
+	 * On iOS the audio then plays from its own element, so it continues in the background and under
+	 * lock. After an extended pause from the lock screen, reopening Safari may be required to resume.
+	 *
 	 * Disabled by default.
 	 */
 	streamToMediaElementEnabled?: boolean;

package/core.d.ts

@@ -428,6 +428,9 @@ export interface Options {
 	 * This enables platform media features such as fullscreen and picture-in-picture
 	 * for non-MSE playback by routing the canvas output through a `<video>` element.
 	 *
+	 * On iOS the audio then plays from its own element, so it continues in the background and under
+	 * lock. After an extended pause from the lock screen, reopening Safari may be required to resume.
+	 *
 	 * Disabled by default.
 	 */
 	streamToMediaElementEnabled?: boolean;
@@ -1654,6 +1657,7 @@ export declare class Vindral extends Emitter<PublicVindralEvents> {
 	 * the page is visible, so a hidden pause is a stop there. Reads the decoder in use.
 	 */
 	private hiddenPauseIsStop;
+	private usesSplitCanvasAudio;
 	private isWebKitCanvasPath;
 	private holdsDecoyWhilePaused;
 	private streamsToMediaElement;

package/core.js

@@ -1,3 +1,3 @@
-import { t as e } from "./BR0DDziv.js";
+import { t as e } from "./BgS0aefK.js";
 import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, r as l, s as u } from "./BBVSf5AB.js";
 export { s as AUTHENTICATION_EXPIRED_CODE, l as AUTHENTICATION_FAILED_CODE, a as CHANNEL_NOT_FOUND_CODE, t as CHANNEL_NOT_LIVE_CODE, c as CONNECTION_FAILED_AFTER_RETRIES_CODE, u as CONNECTION_FAILED_CODE, n as DISCONNECTED_BY_EDGE, o as INACTIVITY_CODE, r as NO_INCOMING_DATA, e as Vindral, i as VindralError };

package/legacy.d.ts

@@ -431,6 +431,9 @@ export interface Options {
 	 * This enables platform media features such as fullscreen and picture-in-picture
 	 * for non-MSE playback by routing the canvas output through a `<video>` element.
 	 *
+	 * On iOS the audio then plays from its own element, so it continues in the background and under
+	 * lock. After an extended pause from the lock screen, reopening Safari may be required to resume.
+	 *
 	 * Disabled by default.
 	 */
 	streamToMediaElementEnabled?: boolean;
@@ -1669,6 +1672,7 @@ export declare class Vindral extends Emitter<PublicVindralEvents> {
 	 * the page is visible, so a hidden pause is a stop there. Reads the decoder in use.
 	 */
 	private hiddenPauseIsStop;
+	private usesSplitCanvasAudio;
 	private isWebKitCanvasPath;
 	private holdsDecoyWhilePaused;
 	private streamsToMediaElement;