Merge 557b3bf3e6 into 9a4d061034

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

@@ -534,21 +534,25 @@ export default function KvmIdRoute() {
 
     const audioTransceiver = pc.addTransceiver("audio", { direction: "sendrecv" });
 
-    navigator.mediaDevices.getUserMedia({
+    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-      audio: {
+      navigator.mediaDevices.getUserMedia({
-        echoCancellation: true,
+        audio: {
-        noiseSuppression: true,
+          echoCancellation: true,
-        autoGainControl: true,
+          noiseSuppression: true,
-        channelCount: 2, // Request stereo input if available
+          autoGainControl: true,
-      }
+          channelCount: 2, // Request stereo input if available
-    }).then((stream) => {
+        }
-      const audioTrack = stream.getAudioTracks()[0];
+      }).then((stream) => {
-      if (audioTrack && audioTransceiver.sender) {
+        const audioTrack = stream.getAudioTracks()[0];
-        audioTransceiver.sender.replaceTrack(audioTrack);
+        if (audioTrack && audioTransceiver.sender) {
-      }
+          audioTransceiver.sender.replaceTrack(audioTrack);
-    }).catch((err) => {
+        }
-      console.warn("Microphone access denied or unavailable:", err.message);
+      }).catch((err) => {
-    });
+        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");