Merge branch 'master' of 122.112.146.86:qlintonger/standalone-anyremote

anyremote/agora/index.js

@@ -93,7 +93,7 @@ export class Agora {
         if (canProceed) {
             console.log('创建音视频轨道成功！', this.data.localTracks)
             if (this.data.localTracks.videoTrack) {
-                this.data.localTracks.videoTrack.play(this.localPlayerId, {fit: 'contain', mirror: 'false'})
+                this.data.localTracks.videoTrack.play(this.localPlayerId, {fit: 'contain', mirror: 'true'})
             }
             console.log('开始播放本地媒体')
             await this.AgoraClient.publish(Object.values(this.data.localTracks));
@@ -119,7 +119,7 @@ export class Agora {
         if (v) {
             try {
                 const screenAudioTrack = await AgoraRTC.createScreenVideoTrack({}, 'disable');
-                screenAudioTrack.play(this.localPlayerId, {fit: 'contain', mirror: 'false'});
+                screenAudioTrack.play(this.localPlayerId, {fit: 'contain', mirror: 'true'});
                 await this.AgoraClient.publish(screenAudioTrack);
                 webrtcStates.value.currentUsingCameraName = '';
                 screenAudioTrack.on('track-ended', async () => {
@@ -141,7 +141,7 @@ export class Agora {
         } else {
             this.data.localTracks.videoTrack = await AgoraRTC.createCameraVideoTrack();
             webrtcStates.value.currentUsingCameraName = this.data.localTracks.videoTrack._deviceName;
-            this.data.localTracks.videoTrack.play(this.localPlayerId, {fit: 'contain', mirror: 'false'})
+            this.data.localTracks.videoTrack.play(this.localPlayerId, {fit: 'contain', mirror: 'true'})
             await this.AgoraClient.publish(this.data.localTracks.videoTrack);
         }
     }
@@ -158,7 +158,7 @@ export class Agora {
             this.data.localTracks.videoTrack = await AgoraRTC.createCameraVideoTrack();
             webrtcStates.value.currentUsingCameraName = this.data.localTracks.videoTrack._deviceName;
             await this.AgoraClient.publish(this.data.localTracks.videoTrack);
-            this.data.localTracks.videoTrack.play(this.localPlayerId, {fit: 'contain', mirror: 'false'})
+            this.data.localTracks.videoTrack.play(this.localPlayerId, {fit: 'contain', mirror: 'true'})
         }
     }
 

src/views/remote/videoCall/videoItem.vue

 <template>
-    <div :id="ps.isSelf ? 'LocalVideo' : `RemoteVideo${ps.id}`" class="relative h-full video-cont bg-fill-bg1" ref="remoteVideoRef">
+    <div :id="ps.isSelf ? 'LocalVideo' : `RemoteVideo${ps.id}`" data-self="vc" class="relative h-full video-cont bg-fill-bg1" ref="remoteVideoRef">
         <template v-if="isVideoVisible">
             <div class="absolute flex justify-between items-center p-1 top-0 left-0 w-full z-10">
                 <div class="text-xs px-2 rounded-sm leading-5 bg-primary-disable text-primary" v-if="userDataForThis.userCallGroup == 1">
@@ -80,9 +80,9 @@ const remoteVideoRef = ref()
 const isVideoVisible = ref(false)
 const checkVideoExists = () => {
     const video = remoteVideoRef.value.querySelector('video')
-    isVideoVisible.value = video ? true : false
+    isVideoVisible.value = !!video
 }
-const observer = new MutationObserver(checkVideoExists)
+let observer: any = new MutationObserver(checkVideoExists)
 onMounted(function () {
     if (!ps.isSelf) {
         AnyR?.agora.forceReplay(ps.id)
@@ -97,10 +97,11 @@ onUpdated(function () {
 })
 onUnmounted(() => {
     observer.disconnect() // 停止监听
+    observer = null;
 })
 </script>
 <style lang="less" scoped>
-:deep(.video-cont video) {
+:deep([data-self='vc'] video), :deep(.agora_video_player) {
     transform: none !important;
 }
 </style>