From 6fd5c7e0fcc9e8a0fb70337f5484fdaf84e64e04 Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Wed, 7 Aug 2024 16:40:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/Meeting/index.tsx | 42 +++++++++++++++++++++++++++++---------
 1 file changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx
index 9bcf2f4..14588a4 100644
--- a/src/page/Meeting/index.tsx
+++ b/src/page/Meeting/index.tsx
@@ -114,7 +114,7 @@ const Meeting: React.FC = () => {
   const [userSearchValue, setUserSearchValue] = useState('')
   const [noViewChatList, setNoViewChatList] = useState(0)
   const [currentLookUserAccount, setCurrentLookUserAccount] = useState<any>('')
-  const [currentLookUserStatus, setCurrentLookUserStatus] = useState<1 | 2 | 3>(1)
+  const [currentLookUserStatus, setCurrentLookUserStatus] = useState<1 | 2 | 3 | 4>(1)
   let userInfo = JSON.parse(storage.getItem('user') as string)
   let allUserListArr = [] as any;
   let currentLookUserAccountId = '' as string;
@@ -323,14 +323,27 @@ const Meeting: React.FC = () => {
             }, 1000);
           }
         } else {
-          setCurrentLookUserStatus(3)
-          setTimeout(() => {
-            agora.setupRemoteVideoJoin({
-              uid: Number(res.data),
-              view: document.getElementById(`video-source-remote`) as HTMLElement,
-              channelId: state.channelId,
-            })
-          }, 1000);
+          if (String(res.data).length === 9) {
+            // 摄像头
+            setCurrentLookUserStatus(3)
+            setTimeout(() => {
+              agora.setupRemoteVideoJoin({
+                uid: Number(res.data),
+                view: document.getElementById(`video-source-remote-camera`) as HTMLElement,
+                channelId: state.channelId,
+              })
+            }, 1000);
+          } else {
+            // 共享屏幕
+            setCurrentLookUserStatus(4)
+            setTimeout(() => {
+              agora.setupRemoteVideoJoin({
+                uid: Number(res.data),
+                view: document.getElementById(`video-source-remote-screen`) as HTMLElement,
+                channelId: state.channelId,
+              })
+            }, 1000);
+          }
         }
       }
     })
@@ -719,7 +732,16 @@ const Meeting: React.FC = () => {
                   {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                 </div> : null}
                 {currentLookUserStatus === 3 ? <div className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass(currentLookUserAccount.uid, true)}`}>
-                  <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-remote'>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-remote-camera'>
+                    <div className={styles.meetingContentSwiperCardVdeioLoading}>
+                      <Avatar name={currentLookUserAccount.userName} />
+                    </div>
+                  </div>
+                  {meetingContentUser(currentLookUserAccount)}
+                  {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
+                </div> : null}
+                {currentLookUserStatus === 4 ? <div className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass(currentLookUserAccount.uid, true)}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-remote-screen'>
                     <div className={styles.meetingContentSwiperCardVdeioLoading}>
                       <Avatar name={currentLookUserAccount.userName} />
                     </div>