From 7eae30d0e1ea4325582bd3a6b0a7628674271258 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Fri, 7 Mar 2025 18:02:13 +0100
Subject: [PATCH] [mirotalksfu] - fix language

---
 app/src/Server.js              |  2 +-
 package.json                   |  2 +-
 public/css/Translate.css       | 18 ++++++++++++++++++
 public/js/Brand.js             |  2 +-
 public/js/Room.js              |  4 ++--
 public/js/RoomClient.js        |  2 +-
 public/js/Translate.js         |  3 +++
 public/views/Room.html         |  2 +-
 public/views/RtmpStreamer.html |  8 ++++----
 public/views/login.html        |  6 +++++-
 public/views/whoAreYou.html    |  7 +++++--
 11 files changed, 42 insertions(+), 14 deletions(-)
 create mode 100644 public/css/Translate.css

diff --git a/app/src/Server.js b/app/src/Server.js
index cd227c57..333386e1 100644
--- a/app/src/Server.js
+++ b/app/src/Server.js
@@ -58,7 +58,7 @@ dev dependencies: {
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.7.70
+ * @version 1.7.71
  *
  */
 
diff --git a/package.json b/package.json
index 0f6fe0c4..e90dc79d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.7.70",
+    "version": "1.7.71",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
diff --git a/public/css/Translate.css b/public/css/Translate.css
new file mode 100644
index 00000000..cb3f8bcb
--- /dev/null
+++ b/public/css/Translate.css
@@ -0,0 +1,18 @@
+/*--------------------------------------------------------------
+# Google Translate
+--------------------------------------------------------------*/
+
+.skiptranslate iframe,
+.goog-te-banner-frame.skiptranslate,
+.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
+.VIpgJd-ZVi9od-aZ2wEe-OiiCO,
+#goog-gt-tt,
+#goog-gt-tt *,
+#goog-gt-vt,
+#goog-gt-vt * {
+    display: none !important;
+}
+
+#google_translate_element {
+    display: none !important;
+}
diff --git a/public/js/Brand.js b/public/js/Brand.js
index dc1a2208..c94615f2 100644
--- a/public/js/Brand.js
+++ b/public/js/Brand.js
@@ -64,7 +64,7 @@ let BRAND = {
     },
     about: {
         imageUrl: '../images/mirotalk-logo.gif',
-        title: '<strong>WebRTC SFU v1.7.70</strong>',
+        title: '<strong>WebRTC SFU v1.7.71</strong>',
         html: `
             <button 
                 id="support-button" 
diff --git a/public/js/Room.js b/public/js/Room.js
index a16182ad..92425bb9 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.7.70
+ * @version 1.7.71
  *
  */
 
@@ -5272,7 +5272,7 @@ function showAbout() {
         position: 'center',
         imageUrl: BRAND.about?.imageUrl && BRAND.about.imageUrl.trim() !== '' ? BRAND.about.imageUrl : image.about,
         customClass: { image: 'img-about' },
-        title: BRAND.about?.title && BRAND.about.title.trim() !== '' ? BRAND.about.title : 'WebRTC SFU v1.7.70',
+        title: BRAND.about?.title && BRAND.about.title.trim() !== '' ? BRAND.about.title : 'WebRTC SFU v1.7.71',
         html: `
             <br />
             <div id="about">
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index e920be79..fd1d71e3 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.7.70
+ * @version 1.7.71
  *
  */
 
diff --git a/public/js/Translate.js b/public/js/Translate.js
index db224ced..15d9e032 100644
--- a/public/js/Translate.js
+++ b/public/js/Translate.js
@@ -21,6 +21,9 @@ function googleTranslateElementInit() {
     );
 
     const language = BRAND?.app?.language || 'en';
+
+    console.log('Language', language);
+
     if (language === 'en') return; // No need to switch if default is 'en'
 
     const observer = new MutationObserver(() => {
diff --git a/public/views/Room.html b/public/views/Room.html
index 6db68f2b..07bd1f13 100644
--- a/public/views/Room.html
+++ b/public/views/Room.html
@@ -104,7 +104,7 @@
         <script defer src="https://cdn.jsdelivr.net/npm/ua-parser-js@latest/dist/ua-parser.min.js"></script>
 
         <script async src="../js/Umami.js"></script>
-        <script async src="../js/Brand.js"></script>
+        <script defer src="../js/Brand.js"></script>
         <script async src="../js/Translate.js"></script>
 
         <!-- Js scripts https://cdn.jsdelivr.net -->
diff --git a/public/views/RtmpStreamer.html b/public/views/RtmpStreamer.html
index 87dcf2a4..439a3b52 100644
--- a/public/views/RtmpStreamer.html
+++ b/public/views/RtmpStreamer.html
@@ -72,20 +72,20 @@
                     readonly
                     title="This is your RTMP live URL. It cannot be edited."
                 />
-                <button id="copy" title="Click to copy the RTMP URL"><i class="fas fa-paste"></i> Copy</button>
+                <button id="copy" title="Click to copy the RTMP URL"><i class="fas fa-paste"></i>&nbsp;Copy</button>
             </div>
 
             <video id="video" width="640" height="480"></video>
 
             <div class="button-group">
                 <button id="startCamera" title="Click to start camera streaming">
-                    <i class="fas fa-video"></i> Start Streaming
+                    <i class="fas fa-video"></i>&nbsp;Start Streaming
                 </button>
                 <button id="startScreen" title="Click to start screen streaming">
-                    <i class="fas fa-desktop"></i> Start Streaming
+                    <i class="fas fa-desktop"></i>&nbsp;Start Streaming
                 </button>
                 <button id="stop" disabled title="Click to stop streaming">
-                    <i class="fas fa-stop-circle"></i> Stop Streaming
+                    <i class="fas fa-stop-circle"></i>&nbsp;Stop Streaming
                 </button>
             </div>
         </div>
diff --git a/public/views/login.html b/public/views/login.html
index 8281f949..f3ff9cba 100644
--- a/public/views/login.html
+++ b/public/views/login.html
@@ -37,6 +37,7 @@
 
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
         <link rel="stylesheet" type="text/css" href="../css/landing.css" />
+        <link rel="stylesheet" type="text/css" href="../css/Translate.css" />
 
         <!-- Bootstrap 5 -->
 
@@ -58,8 +59,9 @@
 
         <!-- Js scripts -->
 
-        <script defer src="../js/Brand.js"></script>
         <script async src="../js/Umami.js"></script>
+        <script defer src="../js/Brand.js"></script>
+        <script async src="../js/Translate.js"></script>
 
         <script src="https://unpkg.com/animejs@3.0.1/lib/anime.min.js"></script>
         <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
@@ -74,6 +76,8 @@
         <script defer src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.8"></script>
     </head>
     <body class="is-boxed has-animations">
+        <div id="google_translate_element"></div>
+
         <div class="body-wrap">
             <header class="site-header">
                 <div class="container">
diff --git a/public/views/whoAreYou.html b/public/views/whoAreYou.html
index f0c0c581..ec1ba520 100755
--- a/public/views/whoAreYou.html
+++ b/public/views/whoAreYou.html
@@ -28,11 +28,13 @@
 
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
         <link rel="stylesheet" type="text/css" href="../css/landing.css" />
+        <link rel="stylesheet" type="text/css" href="../css/Translate.css" />
 
         <!-- Js scripts -->
 
-        <script defer src="../js/Brand.js"></script>
         <script async src="../js/Umami.js"></script>
+        <script defer src="../js/Brand.js"></script>
+        <script async src="../js/Translate.js"></script>
 
         <!-- xss -->
 
@@ -46,6 +48,8 @@
         <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
     </head>
     <body class="is-boxed has-animations">
+        <div id="google_translate_element"></div>
+
         <div class="body-wrap">
             <header class="site-header">
                 <div class="container">
@@ -186,7 +190,6 @@
                 </div>
             </footer>
         </div>
-
         <script async src="../js/WhoAreYou.js"></script>
         <script defer src="../js/Landing.js"></script>
         <script async defer src="https://buttons.github.io/buttons.js"></script>