ec-node: WebTransport publish + web hang-watch

This commit is contained in:
every.channel 2026-02-16 12:54:42 -05:00
parent 791c7beee7
commit 339aef50e0
No known key found for this signature in database
19 changed files with 1355 additions and 2229 deletions

View file

@ -9,9 +9,58 @@
content="Watch and share free over-the-air TV. Local first, global when you want."
/>
<link data-trunk rel="css" href="style.css" />
<link data-trunk rel="rust" data-wasm-opt="z" />
<link data-trunk rel="copy-file" href="app.js" />
</head>
<body>
<div id="main"></div>
<main class="shell">
<header class="top">
<div class="brand">
<div class="brand-title">every.channel</div>
<div class="brand-subtitle">Watch live streams over WebTransport.</div>
</div>
<div class="badge" title="MoQ over WebTransport">
WebTransport
</div>
</header>
<section class="panel">
<div class="panel-title">Watch</div>
<div class="row">
<label class="field">
<div class="label">Relay URL</div>
<input id="relayUrl" class="input" type="text" spellcheck="false" />
</label>
<label class="field">
<div class="label">Broadcast name</div>
<input id="broadcastName" class="input" type="text" spellcheck="false" />
</label>
<button id="watchBtn" class="btn">Watch</button>
</div>
<div class="hint" id="hint"></div>
<div class="row share">
<button id="copyLinkBtn" class="btn secondary">Copy link</button>
<div class="shareLink" id="shareLink" aria-live="polite"></div>
</div>
</section>
<section class="player">
<div class="tv">
<div class="tv-glow"></div>
<div class="tv-frame">
<div id="playerMount" class="mount"></div>
<div class="tv-scanlines" aria-hidden="true"></div>
</div>
</div>
</section>
<footer class="foot">
<div class="foot-left">AGPLv3</div>
<div class="foot-right">
For Safari: WebTransport is behind a Developer/Advanced feature flag and may be incomplete.
</div>
</footer>
</main>
<script type="module" src="app.js"></script>
</body>
</html>