@norskvideo/moq-watch 0.2.0 → 0.2.2

package/{player-C19uf7Dc.js → player-C7Ih0ExN.js}

@@ -1078,7 +1078,7 @@ var Le = [
 		}
 		if (i === r) return { local: !0 };
 		let a = e.get(this.in.origin);
-		if (!a || !(e.get(this.in.announced) && e.get(a.discovery) !== !1 && !this.#s(e, i))) return {
+		if (!a || !e.get(this.in.announced) || e.get(a.discovery) === !1 || this.#s(e, i)) return {
 			local: !1,
 			path: i
 		};
@@ -1815,8 +1815,26 @@ async function tt(e) {
 }
 Object.assign(tt, { [Y]: We });
 //#endregion
-//#region src/video/renderer.ts
-var nt = .01, rt = class {
+//#region src/video/tab-visible.ts
+var nt = class {
+	visible;
+	#e;
+	#t;
+	#n = new i();
+	constructor(e = {}) {
+		let t = e.doc ?? globalThis.document;
+		this.#e = new a(t?.hidden ?? !1), this.visible = new a(!this.#e.peek()), this.#t = o(e.grace ?? 5e3), t && this.#n.event(t, "visibilitychange", () => this.#e.set(t.hidden)), this.#n.run((e) => {
+			if (!e.get(this.#e)) {
+				this.visible.set(!0);
+				return;
+			}
+			e.timer(() => this.visible.set(!1), e.get(this.#t));
+		});
+	}
+	close() {
+		this.#n.close();
+	}
+}, rt = .01, it = class {
 	decoder;
 	in;
 	#e = {
@@ -1827,22 +1845,27 @@ var nt = .01, rt = class {
 	out = s(this.#e);
 	#t = new a(void 0);
 	#n = new i();
+	#r;
 	constructor(e) {
 		this.decoder = e.decoder, this.in = {
 			canvas: o(e?.canvas),
-			visible: o(e?.visible ?? "20%")
-		}, this.#n.run((e) => {
+			visible: o(e?.visible ?? "20%"),
+			hiddenGrace: o(e?.hiddenGrace ?? 5e3)
+		}, this.#r = new nt({
+			doc: e.document,
+			grace: this.in.hiddenGrace
+		}), this.#n.run((e) => {
 			let t = e.get(this.in.canvas);
 			this.#t.set(t?.getContext("2d") ?? void 0);
-		}), this.#n.run(this.#i.bind(this)), this.#n.run(this.#a.bind(this)), this.#n.run(this.#r.bind(this));
+		}), this.#n.run(this.#a.bind(this)), this.#n.run(this.#o.bind(this)), this.#n.run(this.#i.bind(this));
 	}
-	#r(e) {
+	#i(e) {
 		let t = e.getAll([this.in.canvas, this.decoder.out.display]);
 		if (!t) return;
 		let [n, r] = t;
 		(n.width !== r.width || n.height !== r.height) && (n.width = r.width, n.height = r.height);
 	}
-	#i(e) {
+	#a(e) {
 		let t = e.get(this.in.visible);
 		if (t === "never") {
 			this.#e.visible.set(!1);
@@ -1852,31 +1875,36 @@ var nt = .01, rt = class {
 			this.#e.visible.set(!0), e.cleanup(() => this.#e.visible.set(!1));
 			return;
 		}
-		let n = e.get(this.in.canvas);
-		if (!n) {
+		let n = e.get(this.#r.visible);
+		if (t === "tab") {
+			this.#e.visible.set(n), e.cleanup(() => this.#e.visible.set(!1));
+			return;
+		}
+		let r = e.get(this.in.canvas);
+		if (!r) {
 			this.#e.visible.set(!1);
 			return;
 		}
-		let r = !1, i = () => {
-			this.#e.visible.set(r && !document.hidden);
-		}, a = (e) => {
-			for (let t of e) r = t.isIntersecting, i();
-		}, o;
+		let i = !1, a = () => {
+			this.#e.visible.set(i && n);
+		}, o = (e) => {
+			for (let t of e) i = t.isIntersecting, a();
+		}, s;
 		try {
-			o = new IntersectionObserver(a, {
-				threshold: nt,
+			s = new IntersectionObserver(o, {
+				threshold: rt,
 				rootMargin: t
 			});
 		} catch {
-			console.warn(`moq-watch: invalid visible margin "${t}", using "0px"`), o = new IntersectionObserver(a, { threshold: nt });
+			console.warn(`moq-watch: invalid visible margin "${t}", using "0px"`), s = new IntersectionObserver(o, { threshold: rt });
 		}
-		i(), e.event(document, "visibilitychange", i), o.observe(n), e.cleanup(() => o.disconnect()), e.cleanup(() => this.#e.visible.set(!1));
+		a(), s.observe(r), e.cleanup(() => s.disconnect()), e.cleanup(() => this.#e.visible.set(!1));
 	}
-	#a(e) {
+	#o(e) {
 		let t = e.get(this.#t);
 		if (!t) return;
 		let n = e.get(this.decoder.out.frame), i = e.get(this.decoder.source.out.catalog), a = requestAnimationFrame(() => {
-			this.#o(t, n, i), n ? (this.#e.frame.update((e) => (e?.close(), n.clone())), this.#e.timestamp.set(r.Milli.fromMicro(n.timestamp))) : (this.#e.frame.update((e) => {
+			this.#s(t, n, i), n ? (this.#e.frame.update((e) => (e?.close(), n.clone())), this.#e.timestamp.set(r.Milli.fromMicro(n.timestamp))) : (this.#e.frame.update((e) => {
 				e?.close();
 			}), this.#e.timestamp.set(void 0)), a = void 0;
 		});
@@ -1884,7 +1912,7 @@ var nt = .01, rt = class {
 			a !== void 0 && cancelAnimationFrame(a);
 		});
 	}
-	#o(e, t, n) {
+	#s(e, t, n) {
 		if (!t) {
 			e.fillStyle = "#000", e.fillRect(0, 0, e.canvas.width, e.canvas.height);
 			return;
@@ -1899,12 +1927,12 @@ var nt = .01, rt = class {
 	close() {
 		this.#e.frame.update((e) => {
 			e?.close();
-		}), this.#e.timestamp.set(void 0), this.#n.close();
+		}), this.#e.timestamp.set(void 0), this.#n.close(), this.#r.close();
 	}
 };
 //#endregion
 //#region src/video/source.ts
-function it(e) {
+function at(e) {
 	return (t) => {
 		let n = [], r = [];
 		for (let [i, a] of t) if (a.codedWidth && a.codedHeight) {
@@ -1920,7 +1948,7 @@ function it(e) {
 		return n.sort((e, t) => t.size - e.size), n.length > 0 ? n.map((e) => e.name) : r.length > 0 ? (r.sort((e, t) => e.size - t.size), [r[0].name]) : t.map(([e]) => e);
 	};
 }
-function at(e, t) {
+function ot(e, t) {
 	return (n) => {
 		let r = [], i = [];
 		for (let [a, o] of n) {
@@ -1950,7 +1978,7 @@ function $(e) {
 		return n.sort((e, t) => t.bitrate - e.bitrate), n.length > 0 ? n.map((e) => e.name) : r.length > 0 ? (r.sort((e, t) => e.bitrate - t.bitrate), [r[0].name]) : t.map(([e]) => e);
 	};
 }
-function ot(e) {
+function st(e) {
 	let t = e[0];
 	for (let n of e) {
 		let [, e] = n, [, r] = t, i = (e.codedWidth ?? 0) * (e.codedHeight ?? 0), a = (r.codedWidth ?? 0) * (r.codedHeight ?? 0);
@@ -1962,15 +1990,15 @@ function ot(e) {
 	}
 	return t[0];
 }
-function st(e) {
+function ct(e) {
 	let t = Object.entries(e).filter(([, e]) => !e.stalled);
 	if (t.length > 0) return Object.fromEntries(t);
 	let n = Object.entries(e);
 	if (n.length === 0) return {};
-	let r = $(0)(n), i = r.length === 1 ? r[0] : at(0, 0)(n)[0];
+	let r = $(0)(n), i = r.length === 1 ? r[0] : ot(0, 0)(n)[0];
 	return { [i]: e[i] };
 }
-var ct = class {
+var lt = class {
 	in;
 	#e = {
 		catalog: new a(void 0),
@@ -2039,7 +2067,7 @@ var ct = class {
 			e.set(this.#e.track, n.name), e.set(this.#e.config, r);
 			return;
 		}
-		let r = st(t);
+		let r = ct(t);
 		if (Object.keys(r).length === 0) return;
 		let i = n;
 		if (!n?.bitrate) {
@@ -2062,7 +2090,7 @@ var ct = class {
 		if (n.length === 0) return;
 		if (n.length === 1) return n[0][0];
 		let r = [];
-		if (t?.pixels != null && r.push(it(t.pixels)), (t?.width != null || t?.height != null) && r.push(at(t.width, t.height)), t?.bitrate != null && r.push($(t.bitrate)), r.length === 0) return ot(n);
+		if (t?.pixels != null && r.push(at(t.pixels)), (t?.width != null || t?.height != null) && r.push(ot(t.width, t.height)), t?.bitrate != null && r.push($(t.bitrate)), r.length === 0) return st(n);
 		let i = r.map((e) => e(n)), a = i.map((e) => new Set(e));
 		for (let e of i[0]) if (a.every((t) => t.has(e))) return e;
 		console.warn("conflicting rendition filters, no rendition satisfies all criteria");
@@ -2070,7 +2098,7 @@ var ct = class {
 	close() {
 		this.#t.close();
 	}
-}, lt = class {
+}, ut = class {
 	in;
 	broadcast;
 	sync;
@@ -2105,7 +2133,7 @@ var ct = class {
 			audioTarget: o(e.audioTarget),
 			captions: o(e.captions)
 		}), this.broadcast = new R(this.in), this.#r.cleanup(() => this.broadcast.close());
-		let t = new ct({
+		let t = new lt({
 			broadcast: this.broadcast,
 			target: this.in.target,
 			supported: Q.supported,
@@ -2139,7 +2167,7 @@ var ct = class {
 			volume: this.in.volume,
 			muted: this.in.muted,
 			paused: this.in.paused
-		}), this.renderer = new rt({
+		}), this.renderer = new it({
 			decoder: this.video,
 			canvas: this.in.canvas,
 			visible: this.in.visible
@@ -2167,6 +2195,6 @@ var ct = class {
 	}
 };
 //#endregion
-export { Ae as _, J as a, G as c, W as d, V as f, N as g, Le as h, Q as i, H as l, R as m, ct as n, q as o, B as p, rt as r, K as s, lt as t, U as u, j as v };
+export { Ae as _, J as a, G as c, W as d, V as f, N as g, Le as h, Q as i, H as l, R as m, lt as n, q as o, B as p, it as r, K as s, ut as t, U as u, j as v };
 
-//# sourceMappingURL=player-C19uf7Dc.js.map
+//# sourceMappingURL=player-C7Ih0ExN.js.map