From 931ddf267fb8ae6a9d2700df8095bbcc6ccd081a Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Mon, 31 Oct 2022 09:16:46 -0500
Subject: [PATCH] feat: remember selected audio device when muting

---
 src/components/Room/useRoom.ts | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/Room/useRoom.ts b/src/components/Room/useRoom.ts
index ea6f39b..d4e9cb9 100644
--- a/src/components/Room/useRoom.ts
+++ b/src/components/Room/useRoom.ts
@@ -57,6 +57,9 @@ export function useRoom(
     _setMessageLog(messages.slice(-messageTranscriptSizeLimit))
   }
   const [audioDevices, setAudioDevices] = useState<MediaDeviceInfo[]>([])
+  const [selectedAudioDeviceId, setSelectedAudioDeviceId] = useState<
+    string | null
+  >(null)
 
   useEffect(() => {
     return () => {
@@ -229,12 +232,13 @@ export function useRoom(
       if (isSpeakingToRoom) {
         if (!audioStream) {
           const newSelfStream = await navigator.mediaDevices.getUserMedia({
-            audio: true,
+            audio: selectedAudioDeviceId
+              ? { deviceId: selectedAudioDeviceId }
+              : true,
             video: false,
           })
 
           peerRoom.addStream(newSelfStream)
-
           setAudioStream(newSelfStream)
         }
       } else {
@@ -249,9 +253,18 @@ export function useRoom(
         }
       }
     })()
-  }, [isSpeakingToRoom, peerAudios, peerRoom, audioStream])
+  }, [
+    isSpeakingToRoom,
+    peerAudios,
+    peerRoom,
+    audioStream,
+    selectedAudioDeviceId,
+  ])
 
   const handleAudioDeviceSelect = async (audioDevice: MediaDeviceInfo) => {
+    const { deviceId } = audioDevice
+    setSelectedAudioDeviceId(deviceId)
+
     if (!audioStream) return
 
     for (const audioTrack of audioStream.getTracks()) {
@@ -263,7 +276,7 @@ export function useRoom(
 
     const newSelfStream = await navigator.mediaDevices.getUserMedia({
       audio: {
-        deviceId: audioDevice.deviceId,
+        deviceId,
       },
       video: false,
     })