[mirotalksfu] - fix avatars videoBar

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.28
+ * @version 1.6.29
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.6.28",
+    "version": "1.6.29",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {

public/css/VideoGrid.css

@@ -156,6 +156,7 @@
     background: var(--btns-bg-color);
 }
 
+.videoAvatarMenuBar,
 .videoMenuBarShare {
     z-index: 2;
     position: absolute;
@@ -174,6 +175,7 @@
 
 .videoMenuBar input,
 .videoMenuBar button,
+.videoAvatarMenuBar button,
 .videoMenuBarShare button {
     font-size: 1.2rem;
     float: right;
@@ -184,8 +186,9 @@
     border: none;
 }
 
-.videoMenuBarShare button:hover,
-.videoMenuBar button:hover {
+.videoMenuBar button:hover,
+.videoAvatarMenuBar button:hover,
+.videoMenuBarShare button:hover {
     color: grey;
     transition: all 0.3s ease-in-out;
 }

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.28
+ * @version 1.6.29
  *
  */
 
@@ -4603,7 +4603,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.6.28',
+        title: 'WebRTC SFU v1.6.29',
         html: `
         <br />
         <div id="about">

public/js/RoomClient.js

@@ -8273,6 +8273,7 @@ class RoomClient {
                     'Angela in Black Dress',
                     'Kayla in Casual Suit',
                     'Anna in Brown T-shirt',
+                    'Anna in White T-shirt',
                     'Briana in Brown suit',
                     'Justin in White Shirt',
                     'Leah in Black Suit',
@@ -8280,7 +8281,9 @@ class RoomClient {
                     'Tyler in Casual Suit',
                     'Tyler in Shirt',
                     'Tyler in Suit',
-                    'default',
+                    'Edward in Blue Shirt',
+                    'Susan in Black Shirt',
+                    'Monica in Sleeveless',
                 ];
 
                 //console.log('AVATARS LISTS', completion.response.avatars);
@@ -8408,7 +8411,7 @@ class RoomClient {
     async handleVideoAI() {
         const vb = document.createElement('div');
         vb.setAttribute('id', 'avatar__vb');
-        vb.className = 'videoMenuBar fadein';
+        vb.className = 'videoAvatarMenuBar fadein';
 
         const fs = this.createButton('avatar__fs', html.fullScreen);
         const pin = this.createButton('avatar__pin', html.pin);