From 6ed9cb654c2ec7fb3f7c96260bf937ce54c37752 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Mon, 7 Aug 2023 07:35:24 +0200
Subject: [PATCH] [mirotalksfu] - fix

---
 public/js/Room.js      | 14 ++++++++++----
 public/views/Room.html | 10 ++++++----
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/public/js/Room.js b/public/js/Room.js
index 64b54dd7..eac1ddf2 100644
--- a/public/js/Room.js
+++ b/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 = () => {
-        speakerSelect.selectedIndex = initSpeakerSelect.selectedIndex;
-        lS.setLocalStorageDevices(lS.MEDIA_TYPE.speaker, initSpeakerSelect.selectedIndex, initSpeakerSelect.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() {
diff --git a/public/views/Room.html b/public/views/Room.html
index 949e0136..fd0d0cb8 100644
--- a/public/views/Room.html
+++ b/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 />
-                    <i class="fas fa-headphones"></i>
-                    <p>Speaker:</p>
-                    <select id="speakerSelect" class="form-select text-light bg-dark"></select>
+                    <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>