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/templates/apps/gameboard/_partials/_burger.html

@@ -12,7 +12,11 @@
     <i class="fa-solid fa-burger"></i>
 </button>
 <div id="id_burger_fan" aria-hidden="true">
-    <button id="id_voice_btn" type="button" class="burger-fan-btn" aria-label="Voice">
+    {# Voice sub-btn (Phase C). .active when a 24h voice window is open      #}
+    {# (owner w. a present invitee, or the present invitee). data-room-id    #}
+    {# keys the WebRTC mesh group: mysea-<owner_id>. burger-btn.js binds the #}
+    {# active-click → lazy-load voice-mesh.js → join / toggle-mute.          #}
+    <button id="id_voice_btn" type="button" class="burger-fan-btn{% if voice_active %} active{% endif %}" aria-label="Voice"{% if voice_room_id %} data-room-id="{{ voice_room_id }}"{% endif %}>
         <i class="fa-solid fa-headset burger-fan-icon--on"></i>
         <i class="fa-solid fa-ban burger-fan-icon--off"></i>
     </button>

src/templates/apps/gameboard/my_sea_visit.html

@@ -76,11 +76,14 @@
     {# Gear menu — NVM (back to /gameboard/) + BYE (drop presence, free 2C). #}
     {% url 'my_sea_visit_leave' owner.id as leave_url %}
     {% include "apps/gameboard/_partials/_my_sea_gear.html" with leave_url=leave_url %}
+    {# Burger fan — carries the voice sub-btn (active while voice_active). #}
+    {% include "apps/gameboard/_partials/_burger.html" %}
 </div>
 {% endblock content %}
 
 {% block scripts %}
     <script src="{% static 'apps/gameboard/my-sea-seats.js' %}"></script>
+    <script src="{% static 'apps/epic/burger-btn.js' %}"></script>
     <script>
     (function () {
         // VIEW DRAW toggles the read-only draw against the table hex.