@oddin-gg/havik-player 2.16.11 → 2.16.13

package/dist/index.js

@@ -1540,14 +1540,14 @@ var Qt = class {
 	startHls() {
 		let { video: t, descriptor: n, credential: r, deviceId: i, userId: a, lowLatency: o, debug: s, hlsConfig: c, emit: l } = this.deps;
 		this.clearKick(), this.resetStarvationWindow(), this.resetChaseWindow(), this.resetFrameDropWindow(), this.lastFragLoadingMs = 0, this.lastEndSN = -1, this.lastAdvanceMs = 0;
-		let u = n.drmEnabled && !!(n.drm?.widevine?.licenseUrl || n.drm?.fairplay?.licenseUrl), d = {
+		let u = n.drmEnabled && !!(n.drm?.widevine?.licenseUrl || n.drm?.fairplay?.licenseUrl), d = H(this.deps.video) && U(), f = {
 			debug: s === !0,
 			enableWorker: !o,
 			lowLatencyMode: o,
 			backBufferLength: 90,
 			liveDurationInfinity: !0,
 			maxBufferHole: .5,
-			maxLiveSyncPlaybackRate: 1.1,
+			maxLiveSyncPlaybackRate: d ? 1 : 1.1,
 			abrEwmaDefaultEstimate: 1e6,
 			capLevelToPlayerSize: !1,
 			...this.loadStarted ? {} : { autoStartLoad: !1 },
@@ -1587,24 +1587,24 @@ var Qt = class {
 			} } : {},
 			...c
 		};
-		if (this.prefetch?.destroy(), this.prefetch = null, u && this.deps.mediaDuringKey !== !1 && !d.fLoader) {
+		if (this.prefetch?.destroy(), this.prefetch = null, u && this.deps.mediaDuringKey !== !1 && !f.fLoader) {
 			let e = new pt({
 				sessionId: n.analytics?.sid,
 				contentId: n.matchUrn
 			}), t = mt(e);
-			t && (this.prefetch = e, d.fLoader = t);
+			t && (this.prefetch = e, f.fLoader = t);
 		}
-		Xt(d), this.catchUpRate = typeof d.maxLiveSyncPlaybackRate == "number" ? d.maxLiveSyncPlaybackRate : 1, this.catchUpEngaged = !1, this.catchUpRate > 1 && (d.maxLiveSyncPlaybackRate = 1), this.sizeCapManaged = d.capLevelToPlayerSize !== !0, this.fpsCapManaged = !(c && "capLevelOnFPSDrop" in c), this.loadStarted = d.autoStartLoad !== !1;
-		let f = new e(d);
-		if (this.hls = f, f.on(e.Events.FRAG_PARSED, (e, t) => this.reanchorPartTimeline(f, t)), f.on(e.Events.MANIFEST_PARSED, () => {
-			this.mediaRecoveries = 0, this.networkRecoveries = 0, u && !this.deps.hlsConfig?.requestMediaKeySystemAccessFunc && this.dropLevelsWidevineCannotPlay(f), this.measureLadder(f), this.applySizeCap(), this.loadSuspended = !1, t.paused && this.schedulePauseSuspend(), l({ type: "ready" });
-		}), f.on(e.Events.FRAG_BUFFERED, (e, t) => {
+		Xt(f), this.catchUpRate = typeof f.maxLiveSyncPlaybackRate == "number" ? f.maxLiveSyncPlaybackRate : 1, this.catchUpEngaged = !1, this.catchUpRate > 1 && (f.maxLiveSyncPlaybackRate = 1), this.sizeCapManaged = f.capLevelToPlayerSize !== !0, this.fpsCapManaged = !(c && "capLevelOnFPSDrop" in c), this.loadStarted = f.autoStartLoad !== !1;
+		let p = new e(f);
+		if (this.hls = p, p.on(e.Events.FRAG_PARSED, (e, t) => this.reanchorPartTimeline(p, t)), p.on(e.Events.MANIFEST_PARSED, () => {
+			this.mediaRecoveries = 0, this.networkRecoveries = 0, u && !this.deps.hlsConfig?.requestMediaKeySystemAccessFunc && this.dropLevelsWidevineCannotPlay(p), this.measureLadder(p), this.applySizeCap(), this.loadSuspended = !1, t.paused && this.schedulePauseSuspend(), l({ type: "ready" });
+		}), p.on(e.Events.FRAG_BUFFERED, (e, t) => {
 			t?.frag?.type === "main" && (this.kickKind !== "dead" && this.clearKick(), (this.mediaRecoveries > 0 || this.networkRecoveries > 0 || this.licenseRecoveries > 0 || this.starvationKicks > 0 || this.starvationRebuilds > 0) && !this.recoveryResetTimer && (this.recoveryResetTimer = setTimeout(() => {
 				this.mediaRecoveries = 0, this.networkRecoveries = 0, this.licenseRecoveries = 0, this.starvationKicks = 0, this.starvationRebuilds = 0, this.recoveryResetTimer = null;
 			}, Ct)));
-		}), f.on(e.Events.FRAG_LOADING, (e, t) => {
+		}), p.on(e.Events.FRAG_LOADING, (e, t) => {
 			t?.frag?.type === "main" && (this.lastFragLoadingMs = Date.now());
-		}), f.on(e.Events.FRAG_LOADED, (e, t) => {
+		}), p.on(e.Events.FRAG_LOADED, (e, t) => {
 			t?.frag?.type === "main" && (this.mainFragsSinceTick += 1);
 			let n = t?.frag?.stats, r = n?.loaded;
 			typeof r == "number" && (this.bytesLoaded += r), !this.reportedFirstBytes && typeof r == "number" && r > 0 && (this.reportedFirstBytes = !0, l({ type: "firstBytes" }));
@@ -1615,7 +1615,7 @@ var Qt = class {
 				let e = Je(a);
 				e && (this.cdnHost = e);
 			}
-		}), f.on(e.Events.LEVEL_LOADED, (e, t) => {
+		}), p.on(e.Events.LEVEL_LOADED, (e, t) => {
 			let n = t?.stats?.loaded;
 			if (typeof n == "number" && (this.playlistBytesLoaded += n), this.reportedFirstPlaylist || (this.reportedFirstPlaylist = !0, l({ type: "firstPlaylist" })), this.detectedLowLatency) return;
 			let r = t.details;
@@ -1623,31 +1623,31 @@ var Qt = class {
 				type: "lowLatencyDetected",
 				value: !0
 			}));
-		}), f.on(e.Events.LEVEL_LOADED, (e, t) => this.trackEnd(t)), this.prefetch) {
+		}), p.on(e.Events.LEVEL_LOADED, (e, t) => this.trackEnd(t)), this.prefetch) {
 			let t = this.prefetch;
-			f.on(e.Events.KEY_LOADING, (e, n) => {
+			p.on(e.Events.KEY_LOADING, (e, n) => {
 				let r = n?.frag, i = gt(r?.type);
-				if (r && t.isActive(i)) for (let e of _t(f, r)) t.prefetch(e.url, i, e.kind);
-			}), f.on(e.Events.KEY_LOADED, (e, n) => t.keyUsable(gt(n?.frag?.type)));
+				if (r && t.isActive(i)) for (let e of _t(p, r)) t.prefetch(e.url, i, e.kind);
+			}), p.on(e.Events.KEY_LOADED, (e, n) => t.keyUsable(gt(n?.frag?.type)));
 		}
-		f.on(e.Events.KEY_LOADED, () => {
+		p.on(e.Events.KEY_LOADED, () => {
 			u && !this.reportedDrmReady && (this.reportedDrmReady = !0, l({ type: "drmReady" }));
 		}), this.endWatchdog && clearInterval(this.endWatchdog), this.endWatchdog = setInterval(() => {
 			this.checkEndStale(), this.checkStarvation(), this.updateCatchUpBand(), this.checkFutileChase(), this.checkFrameDrops();
-		}, Tt), f.on(e.Events.LEVEL_SWITCHED, (e, t) => {
+		}, Tt), p.on(e.Events.LEVEL_SWITCHED, (e, t) => {
 			this.renditionSwitches += 1;
-			let n = this.lastLevelIndex >= 0 ? f.levels[this.lastLevelIndex] : void 0, r = f.levels[t.level];
+			let n = this.lastLevelIndex >= 0 ? p.levels[this.lastLevelIndex] : void 0, r = p.levels[t.level];
 			n && r && r.bitrate !== n.bitrate && (r.bitrate > n.bitrate ? this.upshifts += 1 : this.downshifts += 1), this.lastLevelIndex = t.level, l({
 				type: "qualitychange",
 				index: t.level
 			});
-		}), f.on(e.Events.AUDIO_TRACK_SWITCHED, (e, t) => l({
+		}), p.on(e.Events.AUDIO_TRACK_SWITCHED, (e, t) => l({
 			type: "audiotrackchange",
 			id: t.id
-		})), f.on(e.Events.SUBTITLE_TRACK_SWITCH, (e, t) => l({
+		})), p.on(e.Events.SUBTITLE_TRACK_SWITCH, (e, t) => l({
 			type: "texttrackchange",
 			id: t.id
-		})), f.on(e.Events.ERROR, (e, t) => this.onError(t)), f.loadSource(n.manifestUrl), f.attachMedia(t);
+		})), p.on(e.Events.ERROR, (e, t) => this.onError(t)), p.loadSource(n.manifestUrl), p.attachMedia(t);
 	}
 	getQualityLevels() {
 		return this.hls ? this.hls.levels.map((e, t) => ({
@@ -2519,7 +2519,7 @@ async function Sn() {
 }
 //#endregion
 //#region src/core/version.ts
-var Cn = "2.16.11", 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();