Merge 450836daba into 9a4d061034

ui/src/routes/devices.$id.tsx

@@ -534,25 +534,21 @@ export default function KvmIdRoute() {
 
     const audioTransceiver = pc.addTransceiver("audio", { direction: "sendrecv" });
 
-    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+    navigator.mediaDevices.getUserMedia({
-      navigator.mediaDevices.getUserMedia({
+      audio: {
-        audio: {
+        echoCancellation: true,
-          echoCancellation: true,
+        noiseSuppression: true,
-          noiseSuppression: true,
+        autoGainControl: true,
-          autoGainControl: true,
+        channelCount: 2, // Request stereo input if available
-          channelCount: 2, // Request stereo input if available
+      }
-        }
+    }).then((stream) => {
-      }).then((stream) => {
+      const audioTrack = stream.getAudioTracks()[0];
-        const audioTrack = stream.getAudioTracks()[0];
+      if (audioTrack && audioTransceiver.sender) {
-        if (audioTrack && audioTransceiver.sender) {
+        audioTransceiver.sender.replaceTrack(audioTrack);
-          audioTransceiver.sender.replaceTrack(audioTrack);
+      }
-        }
+    }).catch((err) => {
-      }).catch((err) => {
+      console.warn("Microphone access denied or unavailable:", err.message);
-        console.warn("Microphone access denied or unavailable:", err.message);
+    });
-      });
-    } else {
-      console.warn("navigator.mediaDevices.getUserMedia is not available in this browser/context");
-    }
 
     const rpcDataChannel = pc.createDataChannel("rpc");
     rpcDataChannel.onclose = () => console.log("rpcDataChannel has closed");