Set available devices to empty map on safari.

Signed-off-by: Timo K <toger5@hotmail.de>

src/state/MediaDevices.ts

@@ -211,7 +211,7 @@ class AudioOutput
   public readonly available$ = this.scope.behavior(
     availableRawDevices$("audiooutput", this.usingNames$, this.scope).pipe(
       map((availableRaw) => {
-        const available: Map<string, AudioOutputDeviceLabel> =
+        let available: Map<string, AudioOutputDeviceLabel> =
           buildDeviceMap(availableRaw);
         // Create a virtual default audio output for browsers that don't have one.
         // Its device ID must be the empty string because that's what setSinkId
@@ -221,6 +221,10 @@ class AudioOutput
             type: "default",
             name: availableRaw[0]?.label || null,
           });
+        if (navigator.userAgent.includes("Safari")) {
+          // set to empty map if we are on Safari, because it does not support setSinkId
+          available = new Map();
+        }
         // Note: creating virtual default input devices would be another problem
         // entirely, because requesting a media stream from deviceId "" won't
         // automatically track the default device.