Don't hang on audio context trying to resume (livekit#1379)

Author: lukasIO

.changeset/weak-pandas-run.md

@@ -0,0 +1,5 @@
+---
+"livekit-client": patch
+---
+
+Don't hang on audio context trying to resume

src/room/Room.ts

@@ -91,6 +91,7 @@ import {
   isRemotePub,
   isSafari,
   isWeb,
+  sleep,
   supportsSetSinkId,
   toHttpUrl,
   unpackStreamId,
@@ -1774,24 +1775,24 @@ class Room extends (EventEmitter as new () => TypedEmitter<RoomEventCallbacks>)
       this.audioContext = getNewAudioContext() ?? undefined;
     }
 
+    if (this.options.webAudioMix) {
+      this.remoteParticipants.forEach((participant) =>
+        participant.setAudioContext(this.audioContext),
+      );
+    }
+
+    this.localParticipant.setAudioContext(this.audioContext);
+
     if (this.audioContext && this.audioContext.state === 'suspended') {
       // for iOS a newly created AudioContext is always in `suspended` state.
       // we try our best to resume the context here, if that doesn't work, we just continue with regular processing
       try {
-        await this.audioContext.resume();
+        await Promise.race([this.audioContext.resume(), sleep(200)]);
       } catch (e: any) {
         this.log.warn('Could not resume audio context', { ...this.logContext, error: e });
       }
     }
 
-    if (this.options.webAudioMix) {
-      this.remoteParticipants.forEach((participant) =>
-        participant.setAudioContext(this.audioContext),
-      );
-    }
-
-    this.localParticipant.setAudioContext(this.audioContext);
-
     const newContextIsRunning = this.audioContext?.state === 'running';
     if (newContextIsRunning !== this.canPlaybackAudio) {
       this.audioEnabled = newContextIsRunning;