Merge pull request #1910 from vector-im/dbkr/fix_no_media_perms

Fix joining calls with no media permission

src/livekit/useECConnectionState.ts

@@ -72,35 +72,37 @@ async function doConnect(
   }
 
   logger.info("Pre-creating microphone track");
+  let preCreatedAudioTrack: LocalTrack | undefined;
+  try {
     const audioTracks = await livekitRoom!.localParticipant.createTracks({
       audio: audioOptions,
     });
     if (audioTracks.length < 1) {
       logger.info("Tried to pre-create local audio track but got no tracks");
-    return;
+    } else {
+      preCreatedAudioTrack = audioTracks[0];
     }
-  if (!audioEnabled) await audioTracks[0].mute();
-
     logger.info("Pre-created microphone track");
+  } catch (e) {
+    logger.error("Failed to pre-create microphone track", e);
+  }
+
+  if (!audioEnabled) await preCreatedAudioTrack?.mute();
 
   // check again having awaited for the track to create
   if (livekitRoom!.localParticipant.getTrack(Track.Source.Microphone)) {
     logger.warn(
-      "Publishing pre-created audio track but participant already appears to have an microphone track: this shouldn't happen!",
+      "Pre-created audio track but participant already appears to have an microphone track: this shouldn't happen!",
     );
-    for (const t of audioTracks) {
+    preCreatedAudioTrack?.stop();
-      t.stop();
-    }
     return;
   }
 
   logger.info("Connecting & publishing");
   try {
-    await connectAndPublish(livekitRoom, sfuConfig, audioTracks[0], []);
+    await connectAndPublish(livekitRoom, sfuConfig, preCreatedAudioTrack, []);
   } catch (e) {
-    for (const t of audioTracks) {
+    preCreatedAudioTrack?.stop();
-      t.stop();
-    }
   }
 }
 

src/livekit/useLiveKit.ts

@@ -245,6 +245,19 @@ export function useLiveKit(
               );
             }
           } catch (e) {
+            if ((e as DOMException).name === "NotAllowedError") {
+              logger.error(
+                "Fatal errror while syncing mute state: resetting",
+                e,
+              );
+              if (type === MuteDevice.Microphone) {
+                audioMuteUpdating.current = false;
+                muteStates.audio.setEnabled?.(false);
+              } else {
+                videoMuteUpdating.current = false;
+                muteStates.video.setEnabled?.(false);
+              }
+            } else {
               logger.error(
                 "Failed to sync audio mute state with LiveKit (will retry to sync in 1s):",
                 e,
@@ -252,6 +265,7 @@ export function useLiveKit(
               setTimeout(() => syncMuteState(iterCount + 1, type), 1000);
             }
           }
+        }
       };
 
       syncMuteState(0, MuteDevice.Microphone);

src/room/VideoPreview.tsx

@@ -82,6 +82,8 @@ export const VideoPreview: FC<Props> = ({
     },
     (error) => {
       logger.error("Error while creating preview Tracks:", error);
+      muteStates.audio.setEnabled?.(false);
+      muteStates.video.setEnabled?.(false);
     },
   );
   const videoTrack = useMemo(