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