[mirotalk] - add profile avatar

public/css/client.css

@@ -908,6 +908,13 @@ em-emoji-picker {
     margin-bottom: 5px;
 }
 
+#myProfileAvatar {
+    margin-top: 10px;
+    padding: 5px;
+    width: 64px;
+    height: 64px;
+}
+
 #myPeerNameSetBtn,
 #muteEveryoneBtn,
 #hideEveryoneBtn,

public/js/client.js

@@ -1449,6 +1449,7 @@ async function whoAreYouJoin() {
     myVideoWrap.style.display = 'inline';
     myVideoParagraph.innerText = myPeerName + ' (me)';
     setPeerAvatarImgName('myVideoAvatarImage', myPeerName);
+    setPeerAvatarImgName('myProfileAvatar', myPeerName);
     setPeerChatAvatarImgName('right', myPeerName);
     joinToChannel();
 }
@@ -6200,6 +6201,7 @@ async function updateMyPeerName() {
     window.localStorage.peer_name = myPeerName;
 
     setPeerAvatarImgName('myVideoAvatarImage', myPeerName);
+    setPeerAvatarImgName('myProfileAvatar', myPeerName);
     setPeerChatAvatarImgName('right', myPeerName);
     userLog('toast', 'My name changed to ' + myPeerName);
 }

public/views/client.html

@@ -448,8 +448,11 @@ access to use this app.
                     </div>
 
                     <div id="tabProfile" class="tabcontent">
-                        <br />
                         <div id="tabRoomPeerName">
+                            <div>
+                                <img id="myProfileAvatar" />
+                            </div>
+                            <br />
                             <div class="title">
                                 <i class="fas fa-user"></i>
                                 <p>Name</p>