From c545b2381dca4960aa46c882e0ddc6e252a5e765 Mon Sep 17 00:00:00 2001
From: "every.channel" <founder@every.channel>
Date: Tue, 24 Feb 2026 23:13:02 -0800
Subject: [PATCH] web: keep canvas renderer while forcing audio signals

---
 apps/web/app.js                                       | 11 +++--------
 .../ECP-0076-webtransport-only-web-watcher.md         |  2 +-
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/apps/web/app.js b/apps/web/app.js
index 7c5dab5..43086c8 100644
--- a/apps/web/app.js
+++ b/apps/web/app.js
@@ -169,14 +169,9 @@ function mountPlayer(relayUrl, name) {
     watch.connection.websocket = { enabled: false };
   }
 
-  // Use a media element for live playback so browser audio controls/policies apply naturally.
-  const video = document.createElement("video");
-  video.className = "archiveVideo";
-  video.controls = true;
-  video.autoplay = true;
-  video.muted = false;
-  video.playsInline = true;
-  watch.appendChild(video);
+  const canvas = document.createElement("canvas");
+  canvas.className = "canvas";
+  watch.appendChild(canvas);
 
   mount.appendChild(watch);
   const forceAudioOn = () => {
diff --git a/evolution/proposals/ECP-0076-webtransport-only-web-watcher.md b/evolution/proposals/ECP-0076-webtransport-only-web-watcher.md
index 31e78bc..8046cd8 100644
--- a/evolution/proposals/ECP-0076-webtransport-only-web-watcher.md
+++ b/evolution/proposals/ECP-0076-webtransport-only-web-watcher.md
@@ -10,7 +10,7 @@ In `apps/web/app.js`, configure each `<moq-watch>` instance to disable WebSocket
 
 - `watch.connection.websocket = { enabled: false }`
 
-Also set default watcher volume to full (`volume="1"`) and mount live playback on a `<video>` element (with controls) inside `<moq-watch>` so browser audio policies and controls apply predictably. On mount, force audio signals to `muted=false` and `volume=1`.
+Also set default watcher volume to full (`volume="1"`). Keep canvas live rendering, and on mount force audio signals to `muted=false` and `volume=1`.
 
 ## Rationale