every-channel/every.channel
1
0
Fork 0
Code Releases Activity Actions 2

web: add MoQ player CDN fallback and path query alias

Browse source
This commit is contained in:
every.channel 2026-02-22 02:14:01 -08:00
parent fe97623ba8
commit f77fab378b
No known key found for this signature in database
1 changed files with 22 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

25
apps/web/app.js
View file

@ -4,7 +4,11 @@
// It is intentionally dependency-light: no framework, no bundler. // It is intentionally dependency-light: no framework, no bundler.
const DEFAULT_RELAY_URL = "https://cdn.moq.dev/anon"; const DEFAULT_RELAY_URL = "https://cdn.moq.dev/anon";
const MOQ_WATCH_MODULE_URL = "https://esm.sh/@moq/watch@0.1.1/element"; const MOQ_WATCH_MODULE_URLS = [
"https://esm.sh/@moq/watch@0.1.1/element",
"https://cdn.jsdelivr.net/npm/@moq/watch@0.1.1/element/+esm",
"https://unpkg.com/@moq/watch@0.1.1/element.js?module",
];
let moqWatchModulePromise = null; let moqWatchModulePromise = null;
let disposePlayerSignals = null; let disposePlayerSignals = null;
@ -140,7 +144,21 @@ function mountPlayer(relayUrl, name) {
async function ensureMoqWatchElement() { async function ensureMoqWatchElement() {
if (window.customElements && window.customElements.get("moq-watch")) return; if (window.customElements && window.customElements.get("moq-watch")) return;
if (!moqWatchModulePromise) { if (!moqWatchModulePromise) {
moqWatchModulePromise = import(MOQ_WATCH_MODULE_URL); moqWatchModulePromise = (async () => {
let lastErr = null;
for (const moduleUrl of MOQ_WATCH_MODULE_URLS) {
try {
await import(moduleUrl);
} catch (err) {
lastErr = err;
continue;
}
if (window.customElements && window.customElements.get("moq-watch")) {
return;
}
}
throw lastErr || new Error("moq-watch custom element is unavailable");
})();
} }
await moqWatchModulePromise; await moqWatchModulePromise;
if (!(window.customElements && window.customElements.get("moq-watch"))) { if (!(window.customElements && window.customElements.get("moq-watch"))) {
@ -172,7 +190,8 @@ function readParams() {
u.searchParams.get("relayUrl"); u.searchParams.get("relayUrl");
const name = const name =
u.searchParams.get("name") || u.searchParams.get("name") ||
u.searchParams.get("broadcast"); u.searchParams.get("broadcast") ||
u.searchParams.get("path");
return { return {
relayUrl: normalizeRelayUrl(relay || DEFAULT_RELAY_URL), relayUrl: normalizeRelayUrl(relay || DEFAULT_RELAY_URL),
name: normalizeName(name || ""), name: normalizeName(name || ""),