@oddin-gg/havik-player 2.16.12 → 2.16.13

package/dist/index.js

@@ -2519,7 +2519,7 @@ async function Sn() {
 }
 //#endregion
 //#region src/core/version.ts
-var Cn = "2.16.12", wn = {
+var Cn = "2.16.13", wn = {
 	accent: "#E1B600",
 	accentText: "#1B1C23",
 	background: "#0e0f13",
@@ -2622,6 +2622,7 @@ var In = class {
 	lastError = null;
 	logoUrl;
 	statusOverlays;
+	streamEnded;
 	endedMessage;
 	interruptedMessage;
 	errorMessage;
@@ -2634,7 +2635,7 @@ var In = class {
 	scrubbing = !1;
 	offFns = [];
 	constructor(e) {
-		this.root = e.root, this.video = e.video, this.player = e.player, this.doc = e.root.ownerDocument ?? document, this.autoHideMs = e.autoHideMs ?? Mn, this.logoUrl = e.logoUrl, this.statusOverlays = e.statusOverlays !== !1, this.endedMessage = e.endedMessage ?? "This stream has ended", this.interruptedMessage = e.interruptedMessage ?? "Reconnecting — please stand by", this.errorMessage = e.errorMessage, An(this.doc, e.cspNonce), this.root.classList.add("havik-player"), this.root.hasAttribute("tabindex") || (this.root.tabIndex = 0), this.root.setAttribute("role", "region"), this.root.setAttribute("aria-label", "Video player");
+		this.root = e.root, this.video = e.video, this.player = e.player, this.doc = e.root.ownerDocument ?? document, this.autoHideMs = e.autoHideMs ?? Mn, this.logoUrl = e.logoUrl, this.statusOverlays = e.statusOverlays !== !1, this.streamEnded = e.streamEnded ?? (() => !1), this.endedMessage = e.endedMessage ?? "This stream has ended", this.interruptedMessage = e.interruptedMessage ?? "Reconnecting — please stand by", this.errorMessage = e.errorMessage, An(this.doc, e.cspNonce), this.root.classList.add("havik-player"), this.root.hasAttribute("tabindex") || (this.root.tabIndex = 0), this.root.setAttribute("role", "region"), this.root.setAttribute("aria-label", "Video player");
 		let t = (e, t, n) => {
 			let r = this.doc.createElement(e);
 			if (r.className = t, n) for (let [e, t] of Object.entries(n)) r.setAttribute(e, t);
@@ -2799,8 +2800,8 @@ var In = class {
 		!this.player.getStats().isLive && Number.isFinite(this.video.duration) && (this.time.textContent = `${Ln(this.video.currentTime)} / ${Ln(this.video.duration)}`);
 	}
 	syncLive() {
-		let e = this.player.getStats(), t = e.isLive !== !1;
-		this.live.style.display = t ? "" : "none", this.time.style.display = t ? "none" : "", this.seek.style.display = t ? "none" : "", this.live.classList.toggle("is-live", e.atLiveEdge !== !1 && t);
+		let e = this.player.getStats(), t = e.isLive !== !1, n = this.player.state === "ended", r = !t && !this.streamEnded();
+		this.live.style.display = t && !n ? "" : "none", this.time.style.display = r ? "" : "none", this.seek.style.display = r ? "" : "none", this.live.classList.toggle("is-live", e.atLiveEdge !== !1 && t);
 	}
 	onSeekDown(e) {
 		let t = this.seekableRange();
@@ -3000,6 +3001,7 @@ var Xn = class {
 	container = null;
 	detachMedia;
 	detachPip;
+	detachEndedPlayGuard;
 	statsTimer;
 	refreshTimer;
 	refreshInFlight;
@@ -3035,7 +3037,7 @@ var Xn = class {
 		return this._endedReason;
 	}
 	async start() {
-		this.opts.muted && (this.opts.video.muted = !0), this.opts.poster && (this.opts.video.poster = this.opts.poster), this.mountControls(), this.attachPipListeners(), this.setState("loading");
+		this.opts.muted && (this.opts.video.muted = !0), this.opts.poster && (this.opts.video.poster = this.opts.poster), this.mountControls(), this.attachPipListeners(), this.attachEndedPlayGuard(), this.setState("loading");
 		let e = ++this.loadGen, t = this.resolveOptions();
 		try {
 			let n = await v(t);
@@ -3307,12 +3309,18 @@ var Xn = class {
 	onStreamEnded(e = !1, t) {
 		if (!this.destroyed) {
 			if ((e || !this.rejoinEnabled()) && (this.cancelRejoin(), this.closeLiveState()), this.endedHandled) {
-				t === "match_ended" && this._endedReason !== "match_ended" && (this._endedReason = t, this.emit("ended", t));
+				t === "match_ended" && this._endedReason !== "match_ended" && (this._endedReason = t, this.emit("ended", t), this.leavePipOnEnd());
 				return;
 			}
-			this.endedHandled = !0, this._endedReason = t ?? null, this.stopRefresh(), this.pendingStartLoad = !1, this.engine?.stop(), this.setState("ended");
+			this.endedHandled = !0, this._endedReason = t ?? null, this.stopRefresh(), this.pendingStartLoad = !1, this.engine?.stop(), this.setState("ended"), this.leavePipOnEnd();
 		}
 	}
+	leavePipOnEnd() {
+		this._endedReason === "interrupted" && this.rejoinEnabled() || this.exitPictureInPicture().catch(() => {});
+	}
+	get streamEnded() {
+		return this._state === "ended" && this.endedHandled;
+	}
 	rejoinEnabled() {
 		return this.opts.rejoinOnLive !== !1 && this.opts.liveStateEvents !== !1;
 	}
@@ -3350,6 +3358,7 @@ var Xn = class {
 			logoUrl: this.opts.theme?.logoUrl,
 			statusOverlays: this.opts.statusOverlays,
 			endedMessage: this.opts.endedMessage,
+			streamEnded: () => this.streamEnded,
 			interruptedMessage: this.opts.interruptedMessage,
 			errorMessage: this.opts.errorMessage,
 			cspNonce: this.opts.cspNonce
@@ -3372,6 +3381,12 @@ var Xn = class {
 			e.removeEventListener("enterpictureinpicture", n), e.removeEventListener("leavepictureinpicture", r), i?.removeEventListener("fullscreenchange", t), i?.removeEventListener("webkitfullscreenchange", t);
 		};
 	}
+	attachEndedPlayGuard() {
+		let e = this.opts.video, t = () => {
+			this.streamEnded && e.pause();
+		};
+		e.addEventListener("play", t), this.detachEndedPlayGuard = () => e.removeEventListener("play", t);
+	}
 	startStats() {
 		this.stopStats();
 		let e = Math.max(500, this.opts.statsIntervalMs ?? Gn);
@@ -3430,6 +3445,7 @@ var Xn = class {
 			this.idleClosed = !1, await this.reload();
 			return;
 		}
+		if (this.streamEnded) return;
 		let t = this.pendingStartLoad && this._state !== "ended" && this._state !== "error";
 		this.opts.autoplay === !1 && this.analyticsSession?.notePlayIntent(), t && (this.pendingStartLoad = !1, this.setState("loading"), this.engine?.startLoad());
 		try {
@@ -3515,7 +3531,7 @@ var Xn = class {
 		return n.add(t), () => n.delete(t);
 	}
 	destroy() {
-		this.destroyed || (this.destroyed = !0, this.loadGen += 1, this.abort.abort(), this.stopStats(), this.stopRefresh(), this.unmountControls(), this.cancelRejoin(), this.closeArming(), this.closeLiveState(), this.detachMedia?.(), this.detachPip?.(), this.analyticsSession?.noteDestroyed(), this.analyticsSession = null, this.detachMediaListeners?.(), this.engine?.destroy(), this.engine = null, this.setState("idle"), this.clearListeners());
+		this.destroyed || (this.destroyed = !0, this.loadGen += 1, this.abort.abort(), this.stopStats(), this.stopRefresh(), this.unmountControls(), this.cancelRejoin(), this.closeArming(), this.closeLiveState(), this.detachMedia?.(), this.detachPip?.(), this.detachEndedPlayGuard?.(), this.analyticsSession?.noteDestroyed(), this.analyticsSession = null, this.detachMediaListeners?.(), this.engine?.destroy(), this.engine = null, this.setState("idle"), this.clearListeners());
 	}
 	clearListeners() {
 		for (let e of Object.keys(this.listeners)) this.listeners[e]?.clear();