@moq/watch 0.2.19 → 0.3.1

package/README.md

@@ -109,7 +109,7 @@ watch.video.media.subscribe((stream) => {
 
 ## UI Web Component
 
-`@moq/watch` includes a Web Component UI overlay (`<moq-watch-ui>`) with playback controls, volume, buffering indicator, quality selector, and stats panel. It is built on top of `@moq/signals` with no framework dependency.
+`@moq/watch` includes a Web Component UI overlay (`<moq-watch-ui>`) with playback controls, volume, buffering indicator, unsupported-codec indicator, quality selector, and stats panel. It is built on top of `@moq/signals` with no framework dependency.
 
 ```html
 <script type="module">

package/{broadcast-Duw8w3D_.js → broadcast-C2qofUBv.js}

@@ -305,7 +305,7 @@ var te = class {
 			sampleRate: n
 		});
 		e.set(this.#e, a), e.cleanup(() => a.close()), e.spawn(async () => {
-			if (await a.audioWorklet.addModule(D), a.state === "closed") return;
+			if (await Promise.race([a.audioWorklet.addModule(D), e.cancel]), a.state === "closed") return;
 			let t = new AudioWorkletNode(a, "render", {
 				channelCount: i,
 				channelCountMode: "explicit",
@@ -1369,35 +1369,49 @@ var Y = class {
 	#e = new a({});
 	available = this.#e;
 	#t = new a(void 0);
-	track = this.#t;
+	error = this.#t;
 	#n = new a(void 0);
-	config = this.#n;
+	track = this.#n;
+	#r = new a(void 0);
+	config = this.#r;
 	sync;
 	supported;
-	#r = new i();
+	#i = new i();
 	constructor(e, t) {
-		this.broadcast = a.from(t?.broadcast), this.target = a.from(t?.target), this.sync = e, this.supported = a.from(t?.supported), this.catalog = this.#r.computed((e) => {
+		this.broadcast = a.from(t?.broadcast), this.target = a.from(t?.target), this.sync = e, this.supported = a.from(t?.supported), this.catalog = this.#i.computed((e) => {
 			let t = e.get(this.broadcast);
 			return t ? e.get(t.catalog)?.video : void 0;
-		}), this.#r.run(this.#i.bind(this)), this.#r.run(this.#a.bind(this));
+		}), this.#i.run(this.#a.bind(this)), this.#i.run(this.#o.bind(this));
 	}
-	#i(e) {
+	#a(e) {
 		let t = e.get(this.supported);
-		if (!t) return;
+		if (!t) {
+			this.#t.set(void 0);
+			return;
+		}
 		let n = e.get(this.catalog)?.renditions ?? {};
-		e.spawn(async () => {
+		this.#t.set(void 0), e.spawn(async () => {
 			let e = {};
-			for (let [r, i] of Object.entries(n)) await t(i) && (e[r] = i);
-			Object.keys(e).length === 0 && Object.keys(n).length > 0 && console.warn("[Source] No supported video renditions found:", n), this.#e.set(e);
+			for (let [r, i] of Object.entries(n)) {
+				let n = !1;
+				try {
+					n = await t(i);
+				} catch (e) {
+					console.warn(`[Source] video rendition ${r} (${i.codec}) support probe failed; treating as unsupported`, e);
+				}
+				n && (e[r] = i);
+			}
+			let r = Object.keys(e).length === 0 && Object.keys(n).length > 0 ? "unsupported" : void 0;
+			r === "unsupported" && console.warn("[Source] No supported video renditions found:", n), this.#t.set(r), this.#e.set(e);
 		});
 	}
-	#a(e) {
+	#o(e) {
 		let t = e.get(this.#e);
 		if (Object.keys(t).length === 0) return;
 		let n = e.get(this.target);
 		if (n?.name && n.name in t) {
 			let r = t[n.name];
-			e.set(this.#t, n.name), e.set(this.#n, r), e.set(this.sync.video, r.jitter);
+			e.set(this.#n, n.name), e.set(this.#r, r), e.set(this.sync.video, r.jitter);
 			return;
 		}
 		let r = n;
@@ -1414,14 +1428,14 @@ var Y = class {
 				}
 			}
 		}
-		let i = this.#o(t, r);
+		let i = this.#s(t, r);
 		if (!i) return;
 		let a = t[i];
-		e.set(this.#t, i), e.set(this.#n, a);
+		e.set(this.#n, i), e.set(this.#r, a);
 		let o = a.jitter ?? (a.framerate ? Math.ceil(1e3 / a.framerate) : void 0);
 		e.set(this.sync.video, o);
 	}
-	#o(e, t) {
+	#s(e, t) {
 		let n = Object.entries(e);
 		if (n.length === 0) return;
 		if (n.length === 1) return n[0][0];
@@ -1432,7 +1446,7 @@ var Y = class {
 		console.warn("conflicting rendition filters, no rendition satisfies all criteria");
 	}
 	close() {
-		this.#r.close();
+		this.#i.close();
 	}
 }, ue = /* @__PURE__ */ f({
 	Decoder: () => H,
@@ -1684,4 +1698,4 @@ var ye = class {
 //#endregion
 export { ue as a, N as c, pe as i, $ as n, R as o, ve as r, L as s, ye as t };
 
-//# sourceMappingURL=broadcast-Duw8w3D_.js.map
+//# sourceMappingURL=broadcast-C2qofUBv.js.map