ความสามารถของ VUE ROOM
ห้องที่สร้างเพื่อแอปของคุณ
วงจรชีวิตห้อง
- สร้างและเข้าร่วมห้อง
- จัดการการออกและสิ้นสุด
สนทนาสด
- เชื่อมวิดีโอผู้เข้าร่วม
- ควบคุมกล้องและไมโครโฟน
ประสบการณ์ผู้เข้าร่วม
- แสดงสมาชิกห้อง
- สะท้อนการเปลี่ยนสถานะห้อง
ตัวตนแอป
- เชื่อม ID ผู้ใช้ของคุณ
- ยืนยันตัวตนด้วย UserSig ที่ออกโดยเซิร์ฟเวอร์
การผสานรวมแพลตฟอร์ม
- แอป Vue 3
- ปฏิบัติตามสิทธิ์เนทีฟหรือเบราว์เซอร์
ขั้นตอนผลิตภัณฑ์ของคุณ
- เชื่อมห้องกับการนำทาง
- เก็บข้อมูลธุรกิจในแอป
สำรวจคอมโพเนนต์ประชุม Vue
ดูประสบการณ์ห้องและโค้ดเบื้องหลัง
พื้นที่สำหรับทุกคน
ติดตั้งหน้าประชุมด้วย UI Kit การประชุมผ่านวิดีโอ Vue แอปจัดเตรียมผู้ใช้ที่ยืนยันตัวตนและ ID ห้อง
<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>เชื่อมตัวตนของแอป
เข้าสู่ระบบด้วย ID แอป ID ผู้ใช้ และ UserSig ที่ออกโดยเซิร์ฟเวอร์ เข้าห้องหลังเข้าสู่ระบบสำเร็จ
import { conference } from '@tencentcloud/roomkit-web-vue3';
await conference.login({ sdkAppId: SDKAppID, userId, userSig });
await conference.createAndJoinRoom({
roomId, options: { roomName: 'Studio review' },
});เริ่มต้นใช้งาน
เริ่มใช้งานห้องแรกของคุณ
- 01
- 02
- 03
npm install @tencentcloud/roomkit-web-vue3@5 tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>คำถามที่พบบ่อยเกี่ยวกับ UI Kit การประชุมผ่านวิดีโอ Vue
UI Kit การประชุมผ่านวิดีโอ Vue มีอะไรบ้าง
UI Kit การประชุมผ่านวิดีโอ Vue มีหน้าประชุมสำเร็จรูปพร้อมทางเข้าห้อง หน้าวิดีโอ และการควบคุมผู้เข้าร่วม แอปจัดการตัวตนและขั้นตอนธุรกิจ
ผสานรวม UI Kit การประชุมผ่านวิดีโอ Vue อย่างไร
ผู้ใช้เข้าสู่ระบบ UI Kit การประชุมผ่านวิดีโอ Vue อย่างไร
ใช้ SDKAppID ID ผู้ใช้ และ UserSig ที่สร้างบนเซิร์ฟเวอร์ อย่าใส่ข้อมูลลับของแอปในโค้ดเบราว์เซอร์หรือมือถือ จัดการการยืนยันตัวตนที่ล้มเหลวก่อนเข้าห้อง
ปรับแต่งประสบการณ์ประชุมได้ไหม
ปรับคอมโพเนนต์และการตั้งค่าตามเอกสาร ซอร์ส UI Kit เนทีฟมีหน้าห้องและแถบเครื่องมือ ตรวจตัวเลือกที่รองรับในคู่มือแพลตฟอร์ม
Room คิดราคาอย่างไร
แทนระบบหลักสูตรหรือพื้นที่ทำงานของฉันไหม
แอปยังจัดการเนื้อหาหลักสูตร สิทธิ์พื้นที่ทำงาน การชำระเงิน และบันทึกธุรกิจ คอมโพเนนต์ประชุมเพิ่มการสื่อสารแบบเรียลไทม์
ผสาน UI Kit การประชุมผ่านวิดีโอ Vue ด้วย Vue อย่างไร
ทดสอบ UI Kit การประชุมผ่านวิดีโอ Vue ก่อนเผยแพร่แอปอย่างไร
ปรับแต่งอินเทอร์เฟซ UI Kit การประชุมผ่านวิดีโอ Vue อย่างไร
ตั้งค่า UIKitProvider ในเทมเพลต Vue และใช้ conference จาก @tencentcloud/roomkit-web-vue3 สำหรับตัวเลือกของห้อง เช่น เรียก conference.setFeatureConfig({ shareLink: yourRoomUrl }) หลังจากเข้าร่วมหรือสร้างห้องแล้ว เมื่อมี ID ของห้องพร้อมใช้งาน ลิงก์แชร์เริ่มต้นคือที่อยู่ของหน้าปัจจุบัน ควรใช้ตัวเลือกที่รองรับเหล่านี้ก่อน เพราะการแยกซอร์สโค้ดคอมโพเนนต์ออกมาแก้ไขจะทำให้สำเนาของคุณอยู่นอกกระบวนการอัปเกรดมาตรฐานของแพ็กเกจ