设置全员观看

src/page/Meeting/index.module.scss

@@ -278,6 +278,17 @@
 
         @include meetingContent();
 
+        .meetingContentOperation {
+          position: absolute;
+          right: 20px;
+          bottom: 16px;
+          z-index: 2;
+          cursor: pointer;
+          background-color: rgba(0, 0, 0, 0.5);
+          padding: 5px;
+          box-sizing: border-box;
+        }
+
         .meetingContentSwiperCardShare {
           position: absolute;
           left: 50%;

src/page/Meeting/index.tsx

@@ -4,7 +4,7 @@ import Operation from '@/components/Operation';
 import SpeakerModeModal from '@/components/SpeakerModeModal';
 import InvitingPersonnelModal from '@/components/InvitingPersonnelModal';
 import { Button, Input, Popover, Modal, Checkbox, message, Popconfirm } from "antd";
-import { SearchOutlined } from '@ant-design/icons';
+import { SearchOutlined, SmallDashOutlined } from '@ant-design/icons';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { thumbImageBufferToBase64 } from '@/utils/package/base64'
 import { storage } from '@/utils';
@@ -784,7 +784,14 @@ const Meeting: React.FC = () => {
       roomNum: state.channelId,
     })
   }
-
+  // 设置全员观看
+  const setAllUserLook = (): void => {
+    if (isShare) {
+      allUserLook(String(isShare) === currentLookUserAccount.screenShareId ? currentLookUserAccount.screenShareId : currentLookUserAccount.uid)
+    } else {
+      allUserLook(currentLookUserAccount.uid)
+    }
+  }
   return (
     <>
       <div className={styles.meeting} onClick={() => {
@@ -874,6 +881,22 @@ const Meeting: React.FC = () => {
                       </div>}
                     </div>
                     {meetingContentUser(currentLookUserAccount)}
+                    <Popover placement="top" title={''} content={
+                      <div>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          onClick={() => setAllUserLook()}
+                        >全员看Ta</Button>
+                      </div>
+                    }>
+                      <div className={styles.meetingContentOperation}>
+                        <SmallDashOutlined style={{
+                          color: '#fff',
+                          fontSize: '30px'
+                        }} />
+                      </div>
+                    </Popover>
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                   </div> : null}
                 {currentLookUserStatus === 2 && currentLookUserAccount ?
@@ -884,6 +907,22 @@ const Meeting: React.FC = () => {
                       </div>
                     </div>
                     {meetingContentUser(currentLookUserAccount)}
+                    <Popover placement="top" title={''} content={
+                      <div>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          onClick={() => setAllUserLook()}
+                        >全员看Ta</Button>
+                      </div>
+                    }>
+                      <div className={styles.meetingContentOperation}>
+                        <SmallDashOutlined style={{
+                          color: '#fff',
+                          fontSize: '30px'
+                        }} />
+                      </div>
+                    </Popover>
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                   </div> : null}
                 {currentLookUserStatus === 3 && currentLookUserAccount ?
@@ -894,6 +933,22 @@ const Meeting: React.FC = () => {
                       </div>
                     </div>
                     {meetingContentUser(currentLookUserAccount)}
+                    <Popover placement="top" title={''} content={
+                      <div>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          onClick={() => setAllUserLook()}
+                        >全员看Ta</Button>
+                      </div>
+                    }>
+                      <div className={styles.meetingContentOperation}>
+                        <SmallDashOutlined style={{
+                          color: '#fff',
+                          fontSize: '30px'
+                        }} />
+                      </div>
+                    </Popover>
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                   </div> : null}
                 {currentLookUserStatus === 4 && currentLookUserAccount ?
@@ -904,6 +959,22 @@ const Meeting: React.FC = () => {
                       </div>
                     </div>
                     {meetingContentUser(currentLookUserAccount)}
+                    <Popover placement="top" title={''} content={
+                      <div>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          onClick={() => setAllUserLook()}
+                        >全员看Ta</Button>
+                      </div>
+                    }>
+                      <div className={styles.meetingContentOperation}>
+                        <SmallDashOutlined style={{
+                          color: '#fff',
+                          fontSize: '30px'
+                        }} />
+                      </div>
+                    </Popover>
                     {currentLookUserAccount.enableCamera ? null : meetingContentError(currentVideoId, currentLookUserAccount)}
                   </div> : null}
               </div>