Fix: Use dynamic URLs for all frontend connections

- CSP: Allow WebSocket/HTTP connections to any domain (for production)
- Nakama: Detect host/SSL from browser location instead of hardcoded localhost
- WebSocket: Dynamic protocol/host detection for stream and watch sync
- HLS/LLHLS/WebRTC: Dynamic URLs in live page and stream components
- RTMP/SRT: Show actual domain in my-realms settings page
- Forums: Use numeric forum ID for banner/title-color API calls

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/routes/[realm]/live/+page.svelte

@@ -29,7 +29,24 @@
     }
     
     const STREAM_PORT = import.meta.env.VITE_STREAM_PORT || '8088';
-    
+    const WEBRTC_PORT = import.meta.env.VITE_WEBRTC_PORT || '3333';
+
+    // Helper functions for dynamic host/protocol detection
+    function getStreamHost() {
+        if (!browser) return 'localhost';
+        return window.location.hostname;
+    }
+
+    function getStreamProtocol(secure = false) {
+        if (!browser) return secure ? 'https' : 'http';
+        return window.location.protocol === 'https:' ? 'https' : 'http';
+    }
+
+    function getWsProtocol() {
+        if (!browser) return 'ws';
+        return window.location.protocol === 'https:' ? 'wss' : 'ws';
+    }
+
     let player;
     let realm = null;
     let streamKey = '';
@@ -295,23 +312,28 @@
         }
         
         const sources = [];
-        
+
         if (streamKey) {
+            // Dynamic URLs based on current page host/protocol
+            const host = getStreamHost();
+            const httpProto = getStreamProtocol();
+            const wsProto = getWsProtocol();
+
             // Add all sources - LLHLS first (default), then HLS, then WebRTC as fallback
             sources.push(
                 {
                     type: 'hls',
-                    file: `http://localhost:${STREAM_PORT}/app/${streamKey}/llhls.m3u8?token=${viewerToken}`,
+                    file: `${httpProto}://${host}:${STREAM_PORT}/app/${streamKey}/llhls.m3u8?token=${viewerToken}`,
                     label: 'LLHLS (Low Latency)'
                 },
                 {
                     type: 'hls',
-                    file: `http://localhost:${STREAM_PORT}/app/${streamKey}/ts:playlist.m3u8?token=${viewerToken}`,
+                    file: `${httpProto}://${host}:${STREAM_PORT}/app/${streamKey}/ts:playlist.m3u8?token=${viewerToken}`,
                     label: 'HLS (Standard)'
                 },
                 {
                     type: 'webrtc',
-                    file: `ws://localhost:3333/app/${streamKey}`,
+                    file: `${wsProto}://${host}:${WEBRTC_PORT}/app/${streamKey}`,
                     label: 'WebRTC (Ultra Low Latency)'
                 }
             );