[mirotalksfu] - fix

public/js/Room.js

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

public/views/Room.html

@@ -178,12 +178,14 @@ 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>
                         <p>Speaker:</p>
                         <select id="speakerSelect" class="form-select text-light bg-dark"></select>
                         <br />
                     </div>
+                    <br />
+                </div>
 
                 <div id="tabRoom" class="tabcontent">
                     <button id="fullScreenButton" class="hidden">