[mirotalkc2c] - change home to leave room

backend/server.js

@@ -9,7 +9,7 @@
  * @license For private project or commercial purposes contact us at: [email protected] or purchase it directly via Code Canyon:
  * @license https://codecanyon.net/item/mirotalk-c2c-webrtc-real-time-cam-2-cam-video-conferences-and-screen-sharing/43383005
  * @author  Miroslav Pejic - [email protected]
- * @version 1.1.30
+ * @version 1.1.31
  */
 
 require('dotenv').config();

frontend/css/common.css

@@ -19,3 +19,7 @@
 ::-webkit-scrollbar-track {
     background: #1a1b1f;
 }
+
+.red {
+    color: red !important;
+}

frontend/html/client.html

@@ -73,7 +73,7 @@ <h1>Waiting</h1>
                 <button id="initAudioBtn" class="fas fa-microphone"></button>
                 <button id="initScreenShareBtn" class="fas fa-desktop"></button>
                 <button id="initSettingsBtn" class="fas fa-ellipsis-vertical"></button>
-                <button id="initHomeBtn" class="fas fa-home"></button>
+                <button id="initLeaveBtn" class="fa-solid fa-phone-slash red"></button>
             </div>
         </div>
 
@@ -85,7 +85,7 @@ <h1>Waiting</h1>
             <button id="screenShareBtn" class="fas fa-desktop"></button>
             <button id="chatOpenBtn" class="fas fa-comments"></button>
             <button id="settingsBtn" class="fas fa-ellipsis-vertical"></button>
-            <button id="homeBtn" class="fas fa-home"></button>
+            <button id="leaveBtn" class="fa-solid fa-phone-slash red"></button>
         </div>
 
         <div id="settings">

frontend/js/client.js

@@ -9,7 +9,7 @@
  * @license For private project or commercial purposes contact us at: [email protected] or purchase it directly via Code Canyon:
  * @license https://codecanyon.net/item/mirotalk-c2c-webrtc-real-time-cam-2-cam-video-conferences-and-screen-sharing/43383005
  * @author  Miroslav Pejic - [email protected]
- * @version 1.1.30
+ * @version 1.1.31
  */
 
 const roomId = new URLSearchParams(window.location.search).get('room');
@@ -24,15 +24,15 @@ const initAudioBtn = document.getElementById('initAudioBtn');
 const initVideoBtn = document.getElementById('initVideoBtn');
 const initScreenShareBtn = document.getElementById('initScreenShareBtn');
 const initSettingsBtn = document.getElementById('initSettingsBtn');
-const initHomeBtn = document.getElementById('initHomeBtn');
+const initLeaveBtn = document.getElementById('initLeaveBtn');
 const buttonsBar = document.getElementById('buttonsBar');
 const hideMeBtn = document.getElementById('hideMeBtn');
 const audioBtn = document.getElementById('audioBtn');
 const videoBtn = document.getElementById('videoBtn');
 const swapCameraBtn = document.getElementById('swapCameraBtn');
 const settingsBtn = document.getElementById('settingsBtn');
 const screenShareBtn = document.getElementById('screenShareBtn');
-const homeBtn = document.getElementById('homeBtn');
+const leaveBtn = document.getElementById('leaveBtn');
 const settings = document.getElementById('settings');
 const settingsCloseBtn = document.getElementById('settingsCloseBtn');
 const audioSource = document.getElementById('audioSource');
@@ -189,15 +189,15 @@ const tooltips = [
     { element: initAudioBtn, text: 'Toggle audio', position: 'top' },
     { element: initScreenShareBtn, text: 'Toggle screen sharing', position: 'top' },
     { element: initSettingsBtn, text: 'Toggle settings', position: 'top' },
-    { element: initHomeBtn, text: 'Go to home page', position: 'top' },
+    { element: initLeaveBtn, text: 'Leave room', position: 'top' },
     { element: hideMeBtn, text: 'Hide myself', position: 'top' },
     { element: videoBtn, text: 'Toggle video', position: 'top' },
     { element: audioBtn, text: 'Toggle audio', position: 'top' },
     { element: swapCameraBtn, text: 'Swap camera', position: 'top' },
     { element: screenShareBtn, text: 'Toggle screen sharing', position: 'top' },
     { element: chatOpenBtn, text: 'Toggle chat', position: 'top' },
     { element: settingsBtn, text: 'Toggle settings', position: 'top' },
-    { element: homeBtn, text: 'Go to home page', position: 'top' },
+    { element: leaveBtn, text: 'Leave room', position: 'top' },
     //...
 ];
 
@@ -741,7 +741,7 @@ function handleIncomingDataChannelMessage(config) {
 }
 
 function handleEvents() {
-    initHomeBtn.onclick = () => {
+    initLeaveBtn.onclick = () => {
         endCall();
     };
     copyRoomBtn.onclick = () => {
@@ -901,7 +901,7 @@ function handleEvents() {
         }
         checkLineBreaks();
     };
-    homeBtn.onclick = () => {
+    leaveBtn.onclick = () => {
         endCall();
     };
 }

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalkc2c",
-    "version": "1.1.30",
+    "version": "1.1.31",
     "description": "A free WebRTC Cam-2-Cam browser-based video calls",
     "main": "server.js",
     "scripts": {