添加内容+7

src/views/remote/videoCall/videoInfo.vue

@@ -16,7 +16,7 @@
             </a-space>
         </div>
         <!-- 其余的视频窗口 -->
-        <video-slider class="mb-3 px-4" :id-set="userVideoContainerSet.onTopUserSet"></video-slider>
+        <video-slider class="mb-3 px-4" @handle-click="idChangedHere" :id-set="userVideoContainerSet.onTopUserSet"></video-slider>
         <!-- 放大的窗口 -->
         <video-tools :id="userVideoContainerSet.inCenter" class="px-4 flex flex-col flex-auto"></video-tools>
     </div>
@@ -34,6 +34,10 @@ onMounted(function () {
     inCenterUserVideoId.value = allOtherChattersIdSet.value[0]
 })
 
+function idChangedHere(id: any) {
+  inCenterUserVideoId.value = id;
+}
+
 const userVideoContainerSet = computed(function () {
     return {
         onTopUserSet: allOtherChattersIdSet.value.filter((a: any) => a !== inCenterUserVideoId.value),

src/views/remote/videoCall/videoTools.vue

@@ -53,7 +53,7 @@ import { isUserHost } from 'AnyR/states/chatChannelStates'
 import { ref } from 'vue'
 import { isCurrentUserMuted } from 'AnyR/states/chatChannelStates'
 import { screenShareMetaData } from 'AnyR/states/chatChannelStates'
-import {onMounted} from "vue";
+import {onMounted, onUpdated} from "vue";
 
 const ps = defineProps<{
     id: any
@@ -63,6 +63,10 @@ onMounted(function () {
   AnyR?.agora.forceReplay(ps.id)
 })
 
+onUpdated(function () {
+  AnyR?.agora.forceReplay(ps.id)
+})
+
 const isVoiceChatOnly = ref(false)
 
 const AnyR = useAnyR()