音视频通话，自己的视频镜像处理

Author: imndx

src/ui/voip/Conference.vue

@@ -24,7 +24,7 @@
                                 <img class="avatar" :src="selfUserInfo.portrait">
                             </div>
                             <video v-else
-                                   class="video"
+                                   class="video me"
                                    ref="localVideo"
                                    :srcObject.prop="selfUserInfo._stream"
                                    playsInline
@@ -916,4 +916,9 @@ footer {
     color: white;
     background: #e0d6d6d6;
 }
+
+.video.me{
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
 </style>

src/ui/voip/Multi.vue

@@ -26,7 +26,7 @@
                             <p>我</p>
                         </div>
                         <video v-else
-                               class="video"
+                               class="video me"
                                ref="localVideo"
                                :srcObject.prop="selfUserInfo._stream"
                                playsInline
@@ -437,4 +437,9 @@ footer {
     width: 60px;
     height: 60px;
 }
+
+.video.me{
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
 </style>

src/ui/voip/Single.vue

@@ -44,7 +44,7 @@
                     <div class="local-media-container">
                         <video v-if="status === 4 || localStream"
                                ref="localVideo"
-                               class="localVideo"
+                               class="localVideo me"
                                :srcObject.prop="localStream"
                                muted
                                playsInline autoPlay/>
@@ -353,6 +353,11 @@ export default {
     left: 0;
 }
 
+.localVideo.me{
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
+
 .video {
     width: 100%;
     height: 100%;