src/page/Meeting/index.tsx

@@ -1010,7 +1010,7 @@ const Meeting: React.FC = () => {
     setTimeout(() => {
       setView()
     }, currentVideoId ? 0 : 1500);
-  }, [currentLookUserStatus, currentVideoUid]);
+  }, [currentLookUserStatus]);
 
   useEffect(() => {
     if (isScreenCapture) {
@@ -1023,15 +1023,14 @@ const Meeting: React.FC = () => {
       })
     }
   }, [isScreenCapture]);
+
   useEffect(() => {
     let timer: NodeJS.Timeout;
-
     if (isClickedMediaSteam) {
       timer = setTimeout(() => {
         setIsClickedMediaSteam(false)
       }, 3000);
     }
-
     return () => clearTimeout(timer);
   }, [isClickedMediaSteam]);
 
@@ -1794,6 +1793,10 @@ const Meeting: React.FC = () => {
     if (data) {
       GetRoomRtcToken(state.channelId).then(async res => {
         if (res.code === 200) {
+          await agora.destroyRendererByView(`video-source-camera-primary`)
+          await agora.destroyRendererByView(`video-source-screen`)
+          await agora.destroyRendererByView(`video-source-remote-screen`)
+          await agora.destroyRendererByView(`video-source-remote-camera`)
           const footerListTemplate = [...footerList]
           footerListTemplate[footerListIndex.itemIndex][footerListIndex.rowIndex].title = '停止共享'
           setIsSharedScreenModal(false)

src/utils/package/agora.ts

@@ -395,7 +395,6 @@ export const agora = {
   },
   destroyRendererByView: async (key: string) => {
     let dom = document.getElementById(key);
-    console.log(dom);
     if (dom) {
       await rtcEngine.destroyRendererByView(dom);
     }