From cb37c3c52ff3d7d42f4ef3674d81ceed4d2b63a6 Mon Sep 17 00:00:00 2001
From: imndx <imndxx@gmail.com>
Date: Tue, 7 Sep 2021 16:18:40 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9F=B3=E8=A7=86=E9=A2=91=E9=80=9A=E8=AF=9D?=
 =?UTF-8?q?=EF=BC=8C=E8=87=AA=E5=B7=B1=E7=9A=84=E8=A7=86=E9=A2=91=E9=95=9C?=
 =?UTF-8?q?=E5=83=8F=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/voip/Conference.vue | 7 ++++++-
 src/ui/voip/Multi.vue      | 7 ++++++-
 src/ui/voip/Single.vue     | 7 ++++++-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/ui/voip/Conference.vue b/src/ui/voip/Conference.vue
index 87b032a4..9e0853e5 100644
--- a/src/ui/voip/Conference.vue
+++ b/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>
diff --git a/src/ui/voip/Multi.vue b/src/ui/voip/Multi.vue
index c1c8323d..e3f9160f 100644
--- a/src/ui/voip/Multi.vue
+++ b/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>
diff --git a/src/ui/voip/Single.vue b/src/ui/voip/Single.vue
index 0845f416..d34514f4 100644
--- a/src/ui/voip/Single.vue
+++ b/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%;