Allow receive-only calls when camera/mic access fails (v2.7.0)

client.js

@@ -6209,13 +6209,26 @@ function createPeerConnection(peerId) {
         remoteVideo.volume = 1.0;
     }
 
+    let hasLocalAudio = false;
+    let hasLocalVideo = false;
+
     if (localCallStream) {
         localCallStream.getTracks().forEach((track) => {
             track.enabled = true;
             peerConnection.addTrack(track, localCallStream);
+            if (track.kind === 'audio') hasLocalAudio = true;
+            if (track.kind === 'video') hasLocalVideo = true;
         });
     }
 
+    // Keep remote receiving path alive even when local media permissions fail.
+    if (!hasLocalAudio) {
+        peerConnection.addTransceiver('audio', { direction: 'recvonly' });
+    }
+    if (!hasLocalVideo) {
+        peerConnection.addTransceiver('video', { direction: 'recvonly' });
+    }
+
     peerConnection.onicecandidate = (event) => {
         if (event.candidate && socket && socket.connected) {
             socket.emit('video signal', {
@@ -6423,12 +6436,21 @@ async function startCallSession(peerName, peerId, isCaller) {
 
     openCallDialog(peerName);
     await ensureRtcConfigLoaded();
-    await ensureLocalCallStream();
+    try {
+        await ensureLocalCallStream();
+    } catch (mediaError) {
+        // Do not abort the call - continue in receive-only mode so user can still hear/see remote party.
+        console.warn('Local media unavailable, continuing receive-only call:', mediaError);
+        localCallStream = null;
+        showToast('Starting call in receive-only mode (local camera/mic unavailable)', 'warning');
+    }
 
     const localVideo = document.getElementById('localCallVideo');
-    if (localVideo) {
+    if (localVideo && localCallStream) {
         localVideo.srcObject = localCallStream;
         localVideo.play().catch(() => {});
+    } else if (localVideo) {
+        localVideo.srcObject = null;
     }
 
     createPeerConnection(peerId);

index.html

@@ -3048,7 +3048,7 @@
                     <div class="chat-header-title" id="chatTitle">💬 Select a friend to chat</div>
                 </div>
                 <div class="chat-header-actions">
-                    <span class="build-badge mobile-essential" id="buildVersionBadge" title="Frontend build version">v2.6.9</span>
+                    <span class="build-badge mobile-essential" id="buildVersionBadge" title="Frontend build version">v2.7.0</span>
                     <button class="header-btn mobile-essential" onclick="toggleArchiveChat()" title="Archive chat">
                         <i class="fas fa-archive"></i>
                     </button>
@@ -3665,7 +3665,7 @@
 
     <script src="/socket.io/socket.io.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-    <script src="client.js?v=2.6.9"></script>
+    <script src="client.js?v=2.7.0"></script>
 </body>
 </html>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "discord-like-app",
-  "version": "2.6.9",
+  "version": "2.7.0",
   "main": "server.js",
   "scripts": {
     "dev": "nodemon server.js",