From 0d529f4ef9ff49093a3b1235e00d4f27fee1d4b6 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Wed, 6 Nov 2024 13:11:28 +0100
Subject: [PATCH] [mirotalksfu] - fix typo, audio, update dep

---
 app/src/Server.js        |  2 +-
 package.json             |  4 ++--
 public/css/GroupChat.css |  5 +++--
 public/js/Room.js        |  4 ++--
 public/js/RoomClient.js  | 11 ++++++-----
 5 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/app/src/Server.js b/app/src/Server.js
index c0eb9ac5..bb6c7dd9 100644
--- a/app/src/Server.js
+++ b/app/src/Server.js
@@ -55,7 +55,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.6.22
+ * @version 1.6.23
  *
  */
 
diff --git a/package.json b/package.json
index 128ee978..e8683b92 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.6.22",
+    "version": "1.6.23",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
@@ -58,7 +58,7 @@
     },
     "dependencies": {
         "@mattermost/client": "^10.0.0",
-        "@sentry/node": "^8.36.0",
+        "@sentry/node": "^8.37.1",
         "axios": "^1.7.7",
         "colors": "1.4.0",
         "compression": "1.7.5",
diff --git a/public/css/GroupChat.css b/public/css/GroupChat.css
index 8299f54e..984aecd1 100644
--- a/public/css/GroupChat.css
+++ b/public/css/GroupChat.css
@@ -19,8 +19,9 @@
     border: var(--border);
     border-radius: 10px;
     box-shadow: var(--box-shadow);
-    transition: background 1s;
-    transition: width 0.5s ease-in-out;
+    transition:
+        background 1s,
+        width 0.5s ease-in-out;
     /* border: 1px solid lime; */
 }
 
diff --git a/public/js/Room.js b/public/js/Room.js
index 827ed862..e8429f9f 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.6.22
+ * @version 1.6.23
  *
  */
 
@@ -4564,7 +4564,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.6.22',
+        title: 'WebRTC SFU v1.6.23',
         html: `
         <br />
         <div id="about">
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index be583969..e34b1065 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -2003,6 +2003,7 @@ class RoomClient {
             case mediaType.audio:
                 elem = document.createElement('audio');
                 elem.setAttribute('id', id);
+                elem.setAttribute('name', id + '__localAudio');
                 elem.setAttribute('volume', this.peer_id + '___pVolume');
                 elem.controls = false;
                 elem.autoplay = true;
@@ -2137,7 +2138,7 @@ class RoomClient {
         }
 
         if (type === mediaType.audio) {
-            const au = this.getName(producer_id + '__localAudio');
+            const au = this.getName(producer_id + '__localAudio')[0];
             au.srcObject.getTracks().forEach(function (track) {
                 track.stop();
             });
@@ -2985,7 +2986,7 @@ class RoomClient {
     setPeerAudio(peer_id, status) {
         console.log('Set peer audio enabled: ' + status);
         const audioStatus = this.getPeerAudioBtn(peer_id); // producer, consumers
-        const audioVolume = this.getPeerAudioVolumeBtn(peer_id); // consumers
+        const audioVolume = this.getPeerAudioVolumeBar(peer_id); // consumers
         if (audioStatus) audioStatus.className = status ? html.audioOn : html.audioOff;
         if (audioVolume) status ? show(audioVolume) : hide(audioVolume);
     }
@@ -2995,7 +2996,7 @@ class RoomClient {
             console.log('Set local audio enabled: ' + status);
             this.peer_info.peer_audio = status;
             const audioStatus = this.getPeerAudioBtn(peer_id); // producer, consumers
-            const audioVolume = this.getPeerAudioVolumeBtn(peer_id); // consumers
+            const audioVolume = this.getPeerAudioVolumeBar(peer_id); // consumers
             if (audioStatus) audioStatus.className = status ? html.audioOn : html.audioOff;
             if (audioVolume) status ? show(audioVolume) : hide(audioVolume);
         }
@@ -3076,7 +3077,7 @@ class RoomClient {
         return this.getId(peer_id + '__audio');
     }
 
-    getPeerAudioVolumeBtn(peer_id) {
+    getPeerAudioVolumeBar(peer_id) {
         return this.getId(peer_id + '___pVolume');
     }
 
@@ -6973,7 +6974,7 @@ class RoomClient {
         const inputElement = this.getId(volumeInputId);
 
         if (inputElement && audioPlayer) {
-            inputElement.style.display = 'inline';
+            show(inputElement);
             inputElement.value = 100;
 
             let volumeUpdateTimeout;