Update app.js

app.js

@@ -733,12 +733,15 @@ let localStream   = null;   // Mikrofon-Stream
 let activeCalls   = {};     // { peerId: Call }
 let activeAudios  = {};     // { peerId: <audio> }
 
-// Peer-ID aus Username + Channel deterministisch ableiten
-// (damit man nach Reload reconnecten kann)
+// Peer-ID: kurzer Hash damit sie garantiert valid und eindeutig ist
 function makePeerId(username, vcId) {
-  // PeerJS IDs dürfen nur alphanumeric + - _ sein
-  const safe = (username + '__' + vcId).replace(/[^a-zA-Z0-9_-]/g, '_');
-  return 'nc__' + safe;
+  // Nur lowercase alphanumeric + Bindestrich erlaubt
+  // Einfacher deterministischer Hash
+  const raw = (username + '_' + vcId).toLowerCase();
+  let h = 5381;
+  for (let i = 0; i < raw.length; i++) h = ((h << 5) + h) ^ raw.charCodeAt(i);
+  const hash = Math.abs(h).toString(16).slice(0, 8);
+  return 'nc-' + username.toLowerCase().replace(/[^a-z0-9]/g, '') + '-' + hash;
 }
 
 async function joinVoice(vcId, vcName) {
@@ -760,15 +763,13 @@ async function joinVoice(vcId, vcName) {
 
   const peerId = makePeerId(currentUser.username, vcId);
 
-  // Alten Peer aufräumen falls vorhanden
-  if (myPeer && !myPeer.destroyed) {
-    myPeer.destroy();
-    myPeer = null;
-  }
+  // Alten Peer aufräumen
+  if (myPeer && !myPeer.destroyed) { myPeer.destroy(); myPeer = null; }
 
-  // PeerJS initialisieren
+  // PeerJS mit dem offiziellen 0.peerjs.com Server
   myPeer = new Peer(peerId, {
-    host: 'peerjs-server.netlify.app',  // kostenloser public PeerJS server
+    host: '0.peerjs.com',
+    port: 443,
     secure: true,
     path: '/',
     debug: 0,
@@ -776,6 +777,7 @@ async function joinVoice(vcId, vcName) {
       iceServers: [
         { urls: 'stun:stun.l.google.com:19302' },
         { urls: 'stun:stun1.l.google.com:19302' },
+        { urls: 'stun:stun2.l.google.com:19302' },
       ]
     }
   });
@@ -817,17 +819,31 @@ async function joinVoice(vcId, vcName) {
   });
 
   myPeer.on('error', (err) => {
-    // ID bereits vergeben → mit Suffix nochmal versuchen
+    console.warn('[Voice] Peer-Fehler:', err.type, err.message);
     if (err.type === 'unavailable-id') {
-      console.warn('[Voice] Peer-ID besetzt, versuche disconnect...');
-      // Alten Eintrag löschen und nochmal joinen
-      if (DB.voice?.[vcId]?.[currentUser.username]) {
-        delete DB.voice[vcId][currentUser.username];
+      // ID besetzt → zufälligen Suffix anhängen und neu verbinden
+      if (myPeer && !myPeer.destroyed) { myPeer.destroy(); myPeer = null; }
+      const fallbackId = makePeerId(currentUser.username, vcId) + '-' + Math.random().toString(36).slice(2,6);
+      myPeer = new Peer(fallbackId, {
+        host: '0.peerjs.com', port: 443, secure: true, path: '/',
+        config: { iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] }
+      });
+      myPeer.on('open', (id) => {
+        if (!DB.voice[vcId]) DB.voice[vcId] = {};
+        DB.voice[vcId][currentUser.username] = { name: currentUser.username, peerId: id, muted: false, ts: Date.now() };
         apiSave();
-      }
-      setTimeout(() => joinVoice(vcId, vcName), 1500);
+        const others = Object.entries(DB.voice[vcId] || {}).filter(([u]) => u !== currentUser.username);
+        for (const [, data] of others) { if (data.peerId) callPeer(data.peerId); }
+      });
+      myPeer.on('call', (call) => { call.answer(localStream); handleCallStream(call); });
+      myPeer.on('error', (e) => showToast('🔊 Voice-Fehler: ' + e.type, 'var(--warn)'));
+    } else if (err.type === 'peer-unavailable') {
+      // Anderer Peer nicht erreichbar - ignorieren, wird beim nächsten Poll nochmal versucht
+      console.warn('[Voice] Peer nicht erreichbar:', err.message);
+    } else if (err.type === 'network' || err.type === 'server-error') {
+      showToast('🔊 Voice-Verbindungsfehler, versuche Neuverbindung...', 'var(--warn)');
+      setTimeout(() => { if (voiceActive) myPeer?.reconnect(); }, 2000);
     } else {
-      console.warn('[Voice] Peer-Fehler:', err.type, err.message);
       showToast('🔊 Voice-Fehler: ' + err.type, 'var(--warn)');
     }
   });