my-sea voice Phase C: WebRTC mesh signaling app + TURN endpoint + voice-btn wiring + coturn infra — TDD

Phase C (final) of the my-sea invite → spectator → voice blueprint. Self-
hosted WebRTC mesh voice, built room-general but wired for my-sea only; epic
6-seat rooms reuse the same consumer later (key on Room.id). Media never
touches the server — only signaling is relayed. Built from the blueprint's
distilled spec (disco-voice-mesh.pdf unreadable in-env: no poppler/pypdf).

- C1: new apps/voice/ — RoomVoiceConsumer (AsyncJsonWebsocketConsumer):
  signaling-only relay (room group voice.<room_id> + per-peer peer.<uuid>;
  hello→present handshake, offer/answer/ice routed by target/source, left on
  disconnect). room_id is a STRING kwarg (mysea-<owner_id> now). _can_join
  gates: mysea → owner OR present invitee (token deposited, not left); epic
  UUID → seated gamer (later). routing.py ws/voice/<str:room_id>/; asgi.py
  aggregates epic + voice urlpatterns under AuthMiddlewareStack.
  voice-mesh.js: VoiceRoom client (getUserMedia AEC/NS/AGC, mesh
  RTCPeerConnection, newcomer-offers handshake, tuneOpus SDP munge =
  inbandfec+dtx+40kbps cap, mute via getAudioTracks().enabled), lazy-loaded.
- C2: apps/api VoiceTURNCredentialsAPI at /api/voice/turn-credentials/ —
  coturn use-auth-secret REST scheme: username=<expiry>:<user_id>,
  credential=base64(HMAC-SHA1(username, COTURN_SHARED_SECRET)) + stun/turn
  iceServers + ttl. Authenticated-only. 4 ITs (HMAC shape, auth gate).
- C3: settings COTURN_SHARED_SECRET / COTURN_TURN_HOST / COTURN_REALM /
  COTURN_TTL env block.
- C4: #id_voice_btn wiring — _burger.html renders .active + data-room-id when
  voice_active; burger-btn.js bindVoiceBtn (active click → lazy-load
  voice-mesh.js → join / toggle-mute; inactive → existing 2-pulse flash).
  my_sea (owner) + my_sea_visit (spectator) views compute voice_active
  (open 24h window) + voice_room_id=mysea-<owner_id>; spectator page now
  includes the burger. 4 voice-context ITs.
- C5: infra/coturn.conf.j2 (use-auth-secret, the external-ip footgun, relay
  port range, TLS 5349, peer-IP lockdown) + infra/coturn-playbook.yaml
  (dedicated droplet, PySwiss-style split: install coturn, template conf, ufw
  3478/5349/49152-65535, systemd enable) + [coturn] inventory placeholder.
  *** Manual ops step: provision the droplet + fill inventory before voice
  works on staging/prod; CI/local need none of it. ***
- C6: 8 channels ITs (@tag channels) — connect/auth/_can_join gate (owner,
  present invitee, stranger, not-present, anon) + hello/present handshake +
  offer routing + left-on-disconnect. Scope-injected; TransactionTestCase.
- JS: VoiceMeshSpec.js (tuneOpus) + voice-mesh.js registered in SpecRunner.

1440 IT/UT green; voice channels IT + full Jasmine + voice-btn FT green.
Voice infra is code-complete — provision the coturn droplet to go live.

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/apps/epic/static/apps/epic/burger-btn.js

@@ -114,9 +114,49 @@
 
     window.bindBurger = bindBurger;
 
+    // Voice sub-btn (Phase C of the my-sea invite/voice sprint). Direct
+    // listener on #id_voice_btn: an ACTIVE click lazy-loads voice-mesh.js
+    // then joins the mesh (first click) or toggles mute (subsequent). An
+    // INACTIVE click is left to the delegated fan handler's 2-pulse flash.
+    // No stopPropagation on active — the delegated handler then closes the
+    // fan (its existing .active behaviour).
+    function bindVoiceBtn() {
+        var vbtn = document.getElementById('id_voice_btn');
+        if (!vbtn) return;
+        vbtn.addEventListener('click', function () {
+            if (!vbtn.classList.contains('active')) return;  // → delegated flash
+            var roomId = vbtn.getAttribute('data-room-id');
+            if (!roomId) return;
+            function act() {
+                if (!window.VoiceRoom) return;
+                if (!vbtn.dataset.inCall) {
+                    vbtn.dataset.inCall = '1';
+                    vbtn.classList.add('in-call');
+                    window.VoiceRoom.join(roomId);
+                } else {
+                    var muted = window.VoiceRoom.toggleMute();
+                    vbtn.classList.toggle('muted', muted);
+                }
+            }
+            if (window.VoiceRoom) {
+                act();
+            } else {
+                var s = document.createElement('script');
+                s.src = '/static/apps/voice/voice-mesh.js';
+                s.onload = act;
+                document.head.appendChild(s);
+            }
+        });
+    }
+    window.bindVoiceBtn = bindVoiceBtn;
+
     if (document.readyState === 'loading') {
-        document.addEventListener('DOMContentLoaded', bindBurger);
+        document.addEventListener('DOMContentLoaded', function () {
+            bindBurger();
+            bindVoiceBtn();
+        });
     } else {
         bindBurger();
+        bindVoiceBtn();
     }
 }());