fix: use correct device label

Eyevinn · Apr 19, 2024 · dc086b5 · dc086b5
1 parent b7f5924
commit dc086b5
Showing 1 changed file with 18 additions and 8 deletions.
diff --git a/src/components/production-line/use-device-labels.ts b/src/components/production-line/use-device-labels.ts
@@ -12,14 +12,24 @@ export const useDeviceLabels = ({ joinProductionOptions }: TProps) => {
   useEffect(() => {
     if (!joinProductionOptions) return;
 
-    navigator.mediaDevices.enumerateDevices().then((devices) => {
-      setDeviceLabels([
-        devices.find((d) => d.deviceId === joinProductionOptions.audioinput)
-          ?.label,
-        devices.find((d) => d.deviceId === joinProductionOptions.audiooutput)
-          ?.label,
-      ]);
-    });
+    navigator.mediaDevices
+      .getUserMedia({
+        audio: true,
+      })
+      .then(() => {
+        navigator.mediaDevices.enumerateDevices().then((devices) => {
+          setDeviceLabels([
+            devices
+              .filter((d) => d.kind === "audioinput")
+              .find((d) => d.deviceId === joinProductionOptions.audioinput)
+              ?.label,
+            devices
+              .filter((d) => d.kind === "audiooutput")
+              .find((d) => d.deviceId === joinProductionOptions.audiooutput)
+              ?.label,
+          ]);
+        });
+      });
   }, [joinProductionOptions]);
 
   return deviceLabels