主备加入录制

src/views/remote/videoCall/videoTools.vue

@@ -72,9 +72,9 @@
                     {{ screenShareMetaData.byOther ? '他人正在共享' : screenShareMetaData.byCurrentUser ? '取消屏幕共享' : '屏幕共享' }}
                 </span>
             </div>
-            <div class="w-[120px] h-[72px] item">
+            <div class="w-[120px] h-[72px] item" @click="toggleRecording">
                 <global-icon :size="21" icon="record"></global-icon>
-                <span class="mt-1 color-text-2">开始录制</span>
+                <span class="mt-1 color-text-2">{{!chatChannelState.recordingData.id ? '开始录制' : '结束录制'}}</span>
             </div>
             <div v-if="isUserHost" class="w-[120px] h-[72px] item" @click="allMute">
                 <global-icon :size="21" icon="mic-off"></global-icon>
@@ -92,16 +92,31 @@
 import { useAnyR } from 'AnyR/index'
 import { NMessageProvider } from 'naive-ui'
 import { allOtherChattersIdSet, chatChannelState, isCurrentUserMuted, isScreenShotByCurrentUser, isUserHost, screenShareMetaData, screenshotRecord } from 'AnyR/states/chatChannelStates'
-import { h, onMounted, onUpdated, ref } from 'vue'
+import { onMounted, onUpdated, ref } from 'vue'
 import { userStates } from 'AnyR/states/wsStates'
 import ImageEditor from 'AnyR/widgets/ImageEditor/imageEditor.vue'
-import { Button, Message, Modal } from '@arco-design/web-vue'
+import { Message, Modal } from '@arco-design/web-vue'
 import { alova } from '@/api/alova-instance.ts'
+import { aw } from '../../../../dist/assets/index-vHe4-vvt'
 
 const ps = defineProps<{
     id: any
 }>()
 
+async function toggleRecording() {
+    if (!chatChannelState.value.recordingData.id) {
+        const resp = await AnyR?.agora.recordCurrent();
+        if (resp) {
+            Message.success("录制成功开始！")
+        } else {
+            Message.error("录制失败！")
+        }
+    } else {
+        const resp = await AnyR?.agora.stopRecordCurrent()
+        console.log("录制结果提示？", resp);
+    }
+}
+
 const isCenterUserMuted = computed(function() {
     return chatChannelState.value.mutedUserIdSet.includes(ps.id)
 })