From 9eb5b82f7a507c7f86973f75023fb4a941cce482 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Wed, 3 Jun 2026 22:03:56 -0400
Subject: [PATCH] =?UTF-8?q?zebra-spaces:=20drop=20play=20button=20for=20li?=
 =?UTF-8?q?steners=20=E2=80=94=20autoplay=20WebRTC=20like=20speakers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fox: 'i thought you removed the streaming mode and the play button to
autoplay webrtc.' Right — the play button was meant to come out too.
WebRTC playback for listeners is now identical to the speaker inbound
path: attachSfuTrack creates an autoplay=true <audio>, sets srcObject,
calls play() once, logs a rejection if it happens. No second-gesture
UI, no listenerOutputMuted toggle, no swap-fresh trick.

The mute button stays disabled for listeners (no mic to mute) — the
same disabled state speakers see before they have a mic. Speaker
mic-mute path is unchanged.
---
 web/zebra-spaces.html | 34 +++++-----------------------------
 1 file changed, 5 insertions(+), 29 deletions(-)

diff --git a/web/zebra-spaces.html b/web/zebra-spaces.html
index 8bdd112..e955888 100644
--- a/web/zebra-spaces.html
+++ b/web/zebra-spaces.html
@@ -3843,18 +3843,9 @@ function updateScreenShareUI(){
 function updateRoleUI(){
   $('sec-listener-actions').classList.toggle('hidden', myRole !== 'listener');
   updateScreenShareUI();
-  /* Listener mute-button repurposed as the audio-unlock gesture +
-   * local output toggle. Enabled regardless of micStream so a
-   * listener can tap it to provide the user gesture mobile browsers
-   * demand before unmuted audio is allowed. Speakers/cohosts/host
-   * still get the original self-mic-mute behavior (enabled by
-   * ensureMicAndUI once the mic is live). */
-  const btn = $('btn-mute');
-  if (myRole === 'listener'){
-    btn.disabled = false;
-    btn.textContent = listenerOutputMuted ? 'play' : 'mute';
-    btn.className = listenerOutputMuted ? '' : 'invert';
-  }
+  /* Listeners have no mic — mute button stays disabled. WebRTC
+   * playback is autoplayed by attachSfuTrack the same way speakers
+   * get their inbound mesh/SFU audio; no second-gesture button. */
 }
 
 /* ==================================================================
@@ -4635,21 +4626,6 @@ function applyMuteState(){
   if (mm){ mm.muted = muted; renderRoom(); }
 }
 $('btn-mute').addEventListener('click', () => {
-  /* Listener path: this click is the user gesture mobile browsers
-   * demand before unmuted audio is allowed. attachSfuTrack already
-   * called play() for every WebRTC audio element on attach — that
-   * call may have silently been rejected (Firefox Android ages out
-   * the entry-button gesture grace fast). Re-fire play() on each
-   * existing element inside THIS gesture; one of these tries is
-   * the one that actually unblocks the speaker output. */
-  if (myRole === 'listener'){
-    listenerOutputMuted = !listenerOutputMuted;
-    activateListenerAudio();
-    const btn = $('btn-mute');
-    btn.textContent = listenerOutputMuted ? 'play' : 'mute';
-    btn.className = listenerOutputMuted ? '' : 'invert';
-    return;
-  }
   if (!micStream) return;
   muted = !muted;
   try { sessionStorage.setItem(MUTE_STATE_KEY, muted ? '1' : '0'); } catch(_){}
@@ -4904,8 +4880,8 @@ logLine('', 'ready — pick a handle, type a rendezvous code, enter the space');
 
 <footer style="margin:2.2rem auto 0;font-size:0.65rem;color:#999;line-height:1.7;word-break:break-all;font-family:monospace">
   <span id="pi-seal" style="color:#777;cursor:default;user-select:none" title="">page integrity</span> &nbsp;·&nbsp; built <span class="stamp-date">2026-06-04</span><br>
-  md5 <span class="stamp-md5">eb8d6716640c8f73eb3e30d53969e2ae</span><br>
-  sha256 <span class="stamp-sha">37e8cee05cb38fa982ab9ef6a2504c10001cd7a7ca6c5d791cc00e2a036a1efd</span><br>
+  md5 <span class="stamp-md5">627a038a99648b35f87e7ad75f3d057a</span><br>
+  sha256 <span class="stamp-sha">a3ea7e91b1a8ed05a02414bd86ab4a4cd9968f8ec7f2bf9521f24ccc41783c29</span><br>
   <span style="color:#bbb">hashes are of this page with these two fields zeroed — to verify, blank them and re-hash</span><br>
   <span style="color:#bbb">one self-contained file — <strong>save a copy</strong> and verify against these hashes; point at your own servers with ?signal= and ?turncred=, or <a href="host-your-own.html" style="color:#999">host your own community</a></span>
 </footer>