[mirotalksfu] - add new voice cmd, improve emoji UI

public/js/Room.js

@@ -96,7 +96,6 @@ function initClient() {
         setTippy('chatSpeechStartButton', 'Start speech recognition', 'top');
         setTippy('chatSpeechStopButton', 'Stop speech recognition', 'top');
         setTippy('chatEmojiButton', 'Emoji', 'top');
-        setTippy('chatCloseEmojiButton', 'Close emoji', 'top');
         setTippy('chatCleanButton', 'Clean', 'bottom');
         setTippy('chatSaveButton', 'Save', 'bottom');
         setTippy('sessionTime', 'Session time', 'right');
@@ -635,9 +634,6 @@ function handleButtons() {
     chatEmojiButton.onclick = () => {
         rc.toggleChatEmoji();
     };
-    chatCloseEmojiButton.onclick = () => {
-        rc.toggleChatEmoji();
-    };
     chatSpeechStartButton.onclick = () => {
         startSpeech(true);
     };

public/js/RoomClient.js

@@ -99,6 +99,7 @@ class RoomClient {
         this._isConnected = false;
         this.isVideoOnFullScreen = false;
         this.isChatOpen = false;
+        this.isChatEmojiOpen = false;
         this.camVideo = false;
         this.camera = 'user';
 
@@ -1464,7 +1465,8 @@ class RoomClient {
 
     toggleChatEmoji() {
         this.getId('chatEmoji').classList.toggle('show');
-        this.getId('chatCloseEmojiButton').classList.toggle('show');
+        this.isChatEmojiOpen = this.isChatEmojiOpen ? false : true;
+        this.getId('chatEmojiButton').style.color = this.isChatEmojiOpen ? '#FFFF00' : '#FFFFFF';
     }
 
     sendMessage() {

public/js/SpeechRec.js

@@ -27,6 +27,9 @@ const commands = {
     participantsOn: 'show the participants',
     participantsRefresh: 'refresh the participants',
     participantsOff: 'hide the participants',
+    participantsVideoOff: 'stop the participants video',
+    participantsAudioOff: 'stop the participants audio',
+    participantsKickOut: 'kick out the participants',
     fileShareOn: 'open the file',
     fileShareOff: 'close the file',
     youtubeOn: 'open the YouTube',
@@ -180,6 +183,18 @@ function execVoiceCommands(transcript) {
             printCommand(commands.participantsOff);
             participantsCloseBtn.click();
             break;
+        case commands.participantsVideoOff:
+            printCommand(commands.participantsVideoOff);
+            rc.peerAction('me', rc.peer_id, 'hide', true, true);
+            break;
+        case commands.participantsAudioOff:
+            printCommand(commands.participantsAudioOff);
+            rc.peerAction('me', rc.peer_id, 'mute', true, true);
+            break;
+        case commands.participantsKickOut:
+            printCommand(commands.participantsAudioOff);
+            rc.peerAction('me', rc.peer_id, 'eject', true, true);
+            break;
         case commands.fileShareOn:
             printCommand(commands.fileShareOn);
             fileShareButton.click();

public/view/Room.html

@@ -331,9 +331,6 @@ access to use this app.
                         type="text"
                         placeholder="💬 Enter your message..."
                     />
-                    <button id="chatCloseEmojiButton" class="hidden">
-                        <i class="fas fa-times"></i>
-                    </button>
                     <button id="chatEmojiButton" class="hidden">
                         <i class="fas fa-smile"></i>
                     </button>

public/view/newroom.html

@@ -203,6 +203,6 @@
         </div>
 
         <script src="../js/landing.js"></script>
-        <script src="../js/newroom.js"></script>
+        <script src="../js/newRoom.js"></script>
     </body>
 </html>