会议列表 | 预定会议参数 | 邀请会议成员 | 会议详情 |
![]() | ![]() | ![]() | ![]() |
<template><PreConferenceViewv-show="isShowPreConferenceView":enable-scheduled-conference="true"@on-enter-room="handleEnterRoom"/><ConferenceMainViewv-show="!isShowPreConferenceView"display-mode="permanent"@on-destroy-room="onDestroyRoom"/></template><script setup lang="ts">import { ref } from 'vue';import { PreConferenceView, conference, ConferenceMainView } from '@tencentcloud/roomkit-web-vue3';const isShowPreConferenceView = ref(true);const init = async () => {conference.login({sdkAppId: 0, // Replace with your sdkAppIduserId: '', // Replace with your userIduserSig: '', // Replace with your userSig});};init();async function handleEnterRoom(roomOption: Record<string, any>) {const { roomId } = roomOption;await conference.join(roomId, {isOpenCamera: false,isOpenMicrophone: false,});isShowPreConferenceView.value = false;}function onDestroyRoom() {isShowPreConferenceView.value = true;init();}</script>
会前预览页 | 填写预定会议参数 | 邀请会议成员 | 预定成功 |
![]() | ![]() | ![]() | ![]() |
会议列表 | 会议详情 | 修改会议信息 |
![]() | ![]() | ![]() |
会议详情 | 邀请成员 |
![]() | ![]() |
本页内容是否解决了您的问题?