[mirotalksfu] - fix

public/js/Room.js

@@ -1188,10 +1188,16 @@ function handleSelectsInit() {
         microphoneSelect.selectedIndex = initMicrophoneSelect.selectedIndex;
         lS.setLocalStorageDevices(lS.MEDIA_TYPE.audio, microphoneSelect.selectedIndex, microphoneSelect.value);
     };
-    initSpeakerSelect.onchange = () => {
+    // Check if there is speakers
-        speakerSelect.selectedIndex = initSpeakerSelect.selectedIndex;
+    if (initSpeakerSelect.options.length === 0) {
-        lS.setLocalStorageDevices(lS.MEDIA_TYPE.speaker, initSpeakerSelect.selectedIndex, initSpeakerSelect.value);
+        hide(initSpeakerSelect);
-    };
+        hide(speakerSelectDiv);
+    } else {
+        initSpeakerSelect.onchange = () => {
+            speakerSelect.selectedIndex = initSpeakerSelect.selectedIndex;
+            lS.setLocalStorageDevices(lS.MEDIA_TYPE.speaker, initSpeakerSelect.selectedIndex, initSpeakerSelect.value);
+        };
+    }
 }
 
 function setSelectsInit() {

public/views/Room.html

@@ -178,10 +178,12 @@ access to use this app.
                     <i class="fas fa-microphone"></i>
                     <p>Microphone:</p>
                     <select id="microphoneSelect" class="form-select text-light bg-dark"></select>
-                    <br />
+                    <div id="speakerSelectDiv">
-                    <i class="fas fa-headphones"></i>
+                        <i class="fas fa-headphones"></i>
-                    <p>Speaker:</p>
+                        <p>Speaker:</p>
-                    <select id="speakerSelect" class="form-select text-light bg-dark"></select>
+                        <select id="speakerSelect" class="form-select text-light bg-dark"></select>
+                        <br />
+                    </div>
                     <br />
                 </div>