设备远程控制

src/components/EquipmentManagement/index.tsx

@@ -1,6 +1,6 @@
 import styles from '@/components/EquipmentManagement/index.module.scss'
 import { onInvoke } from '@/utils/package/signalr';
-import { Button, Modal, Select } from 'antd';
+import { Button, Modal, Select, message } from 'antd';
 import { useState, useImperativeHandle, forwardRef } from "react";
 const EquipmentManagement = forwardRef((_props: any, ref: any) => {
   useImperativeHandle(ref, () => ({
@@ -72,11 +72,13 @@ const EquipmentManagement = forwardRef((_props: any, ref: any) => {
             </div>
           </div>
           <div>
-            <Button type="primary" className='m-ant-btn' onClick={() => {
-              onInvoke('setDrivers', {
+            <Button type="primary" className='m-ant-btn' onClick={async () => {
+              await onInvoke('setDrivers', {
                 uid: callerUid,
                 driversJsonString: JSON.stringify(deviceInfo)
               })
+              setEquipmentManagementModal(false)
+              message.success('设置成功')
             }}>确定</Button>
             <Button type="primary"
               style={{ backgroundColor: '#31353A', marginLeft: '10px' }}

src/page/Meeting/index.tsx

@@ -262,6 +262,7 @@ const Meeting: React.FC = () => {
 
   useEffect(() => {
     onSignalr(async (item: any) => {
+      const setting = JSON.parse(storage.getItem('setting') as string)
       switch (item.key) {
         // 聊天
         case 'ReceiveMessage':
@@ -457,7 +458,6 @@ const Meeting: React.FC = () => {
           break;
         // 设备列表
         case 'DriverList':
-          const setting = JSON.parse(storage.getItem('setting') as string)
           Promise.all([
             agora.getVideoDeviceManager(),
             agora.getAudioMediaList(),
@@ -498,6 +498,10 @@ const Meeting: React.FC = () => {
             await agora.setVideoDeviceManager(data.videoDeviceId)
             await agora.setRecordingDevice(data.ecordingDeviceId)
             await agora.setPlaybackDevice(data.playBackDeviceId)
+            setting.videoDeviceId = data.videoDeviceId;
+            setting.ecordingDeviceId = data.ecordingDeviceId;
+            setting.playBackDeviceId = data.playBackDeviceId;
+            storage.setItem('setting', JSON.stringify(setting))
           }
           break;
         // 显示设备列表
@@ -953,8 +957,7 @@ const Meeting: React.FC = () => {
         await postOpenCamera(true, user.uid)
         break;
       case '设置':
-        equipmentManagementRef.current.changeModal('26', '杨洁')
-        // stupWizardRef.current.changeModal()
+        stupWizardRef.current.changeModal()
         break;
       case '邀请人员':
         await getUserRoomInfo().then(async (res) => {