[mirotalksfu] - improvements

public/js/Room.js

@@ -1539,12 +1539,13 @@ function handleRoomClientEvents() {
         console.log('Room Client raise hand');
         hide(raiseHandButton);
         show(lowerHandButton);
-        setColor(lowerHandButton, 'green');
+        setColor(lowerHandIcon, 'lime');
     });
     rc.on(RoomClient.EVENTS.lowerHand, () => {
         console.log('Room Client lower hand');
         hide(lowerHandButton);
         show(raiseHandButton);
+        setColor(lowerHandIcon, 'white');
     });
     rc.on(RoomClient.EVENTS.startAudio, () => {
         console.log('Room Client start audio');

public/js/RoomClient.js

@@ -1016,8 +1016,7 @@ class RoomClient {
             ideal: 15,
             max: 30,
         };
-        const selectedIndex = videoFps.selectedIndex;
+        const selectedValue = this.getSelectedIndexValue(videoFps);
-        const selectedValue = videoFps.options[selectedIndex].value;
         const customFrameRate = { max: parseInt(selectedValue) };
         const frameRate = selectedValue == 'max' ? defaultFrameRate : customFrameRate;
         let videoConstraints = {
@@ -1131,8 +1130,7 @@ class RoomClient {
     }
 
     getScreenConstraints() {
-        const selectedIndex = screenFps.selectedIndex;
+        const selectedValue = this.getSelectedIndexValue(screenFps);
-        const selectedValue = screenFps.options[selectedIndex].value;
         const frameRate = selectedValue == 'max' ? 30 : parseInt(selectedValue);
         return {
             audio: true,
@@ -2275,6 +2273,10 @@ class RoomClient {
         }
     }
 
+    getSelectedIndexValue(elem){
+        return elem.options[elem.selectedIndex].value;
+    }
+
     // ####################################################
     // UTILITY
     // ####################################################

public/views/Room.html

@@ -252,7 +252,7 @@ access to use this app.
                             <p>Raise hand</p>
                         </button>
                         <button id="lowerHandButton" class="hidden">
-                            <i class="fas fa-hand-paper"></i>
+                            <i id="lowerHandIcon" class="fas fa-hand-paper"></i>
                             <p>Lower hand</p>
                         </button>
                         <br />