优化

src/page/Meeting/index.tsx

@@ -262,11 +262,6 @@ const Meeting: React.FC = () => {
       if (res.code === 200) {
         setRoomUserList(res.data)
         callBack(res.data)
-        // setTimeout(() => {
-        //   res.data.forEach((item: any) => {
-        //     agora.setVideo(Number(item.account), document.getElementById(`video-${item.account}`), state.channelId)
-        //   })
-        // }, 1000)
       }
     })
   }

src/utils/package/agora.ts

@@ -67,9 +67,19 @@ const agora = {
   // 渲染视频
   setVideo: (item: any) => {
     console.log(item);
-    if (typeof item.isRemotJoin === 'boolean') {
+    // 本地加入
-      if (item.isRemotJoin) {
+    function setupLocalVideo() {
+      rtcEngine.setupLocalVideo({
+        renderMode: RenderModeType.RenderModeFit,
+        // sourceType: VideoSourceType.VideoSourceScreen,
+        sourceType: VideoSourceType.VideoSourceCameraPrimary,
+        uid: item.account,
+        view: item.view,
+        setupMode: VideoViewSetupMode.VideoViewSetupAdd,
+      });
+    }
     // 远端加入
+    function setupRemoteVideoJoin() {
       rtcEngine.setupRemoteVideo(
         {
           renderMode: RenderModeType.RenderModeFit,
@@ -80,8 +90,9 @@ const agora = {
         },
         { channelId: item.channelId },
       );
-      } else {
+    }
     // 远端退出
+    function setupRemoteVideoLeave() {
       rtcEngine.setupRemoteVideo(
         {
           renderMode: RenderModeType.RenderModeFit,
@@ -92,29 +103,20 @@ const agora = {
         },
       );
     }
+
+    if (typeof item.isRemotJoin === 'boolean') {
+      if (option.userid != item.account) {
+        if (item.isRemotJoin) {
+          setupRemoteVideoJoin()
+        } else {
+          setupRemoteVideoLeave()
+        }
+      }
     } else {
       if (option.userid === item.account) {
-        // 本地加入
+        setupLocalVideo()
-        rtcEngine.setupLocalVideo({
-          renderMode: RenderModeType.RenderModeFit,
-          // sourceType: VideoSourceType.VideoSourceScreen,
-          sourceType: VideoSourceType.VideoSourceCameraPrimary,
-          uid: item.account,
-          view: item.view,
-          setupMode: VideoViewSetupMode.VideoViewSetupAdd,
-        });
       } else {
-        // 远端加入
+        setupRemoteVideoJoin()
-        rtcEngine.setupRemoteVideo(
-          {
-            renderMode: RenderModeType.RenderModeFit,
-            sourceType: VideoSourceType.VideoSourceRemote,
-            uid: item.account,
-            view: item.view,
-            setupMode: VideoViewSetupMode.VideoViewSetupAdd,
-          },
-          { channelId: item.channelId },
-        );
       }
     }
   },