TÍNH NĂNG VUE ROOM
Phòng xây dựng cho ứng dụng
Vòng đời phòng
- Tạo và tham gia phòng
- Xử lý thao tác rời và kết thúc
Hội thoại trực tiếp
- Kết nối video người tham gia
- Điều khiển camera và micrô
Trải nghiệm người tham gia
- Hiển thị thành viên phòng
- Phản ánh thay đổi trạng thái phòng
Danh tính ứng dụng
- Kết nối ID người dùng riêng
- Xác thực bằng UserSig do máy chủ cấp
Tích hợp nền tảng
- Ứng dụng Vue 3
- Tuân theo quyền gốc hoặc trình duyệt
Luồng sản phẩm của bạn
- Kết nối phòng với điều hướng
- Giữ dữ liệu nghiệp vụ trong ứng dụng
Khám phá thành phần cuộc họp Vue
Xem trải nghiệm phòng và mã phía sau.
Không gian cho mọi người
Gắn giao diện cuộc họp với UI Kit hội nghị video Vue. Ứng dụng cung cấp người dùng đã xác thực và ID phòng.
<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>Kết nối danh tính ứng dụng
Đăng nhập bằng ID ứng dụng, ID người dùng và UserSig do máy chủ cấp. Vào phòng sau khi đăng nhập thành công.
import { conference } from '@tencentcloud/roomkit-web-vue3';
await conference.login({ sdkAppId: SDKAppID, userId, userSig });
await conference.createAndJoinRoom({
roomId, options: { roomName: 'Studio review' },
});TÙY CHỈNH
Làm phòng mang dấu ấn sản phẩm
BẮT ĐẦU
Đưa phòng đầu tiên vào hoạt động
- 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>Câu hỏi thường gặp về UI Kit hội nghị video Vue
UI Kit hội nghị video Vue bao gồm những gì?
UI Kit hội nghị video Vue cung cấp giao diện có sẵn với vào phòng, màn hình video và điều khiển người tham gia. Ứng dụng cung cấp danh tính và quy trình nghiệp vụ.
Làm sao tích hợp UI Kit hội nghị video Vue?
Người dùng đăng nhập UI Kit hội nghị video Vue thế nào?
Dùng SDKAppID, ID người dùng và UserSig tạo trên máy chủ. Không đưa khóa bí mật vào mã trình duyệt hoặc di động. Xử lý lỗi xác thực trước khi vào phòng.
Có thể tùy chỉnh trải nghiệm cuộc họp không?
Điều chỉnh thành phần và cấu hình trong tài liệu. Mã nguồn UI Kit gốc cung cấp màn hình phòng và thanh công cụ. Xem tùy chọn hỗ trợ trong hướng dẫn nền tảng.
Room tính phí như thế nào?
Có thay thế hệ thống khóa học hay không gian làm việc không?
Ứng dụng tiếp tục quản lý nội dung khóa học, quyền, thanh toán và hồ sơ nghiệp vụ. Thành phần cuộc họp thêm giao tiếp thời gian thực.
Làm sao tích hợp UI Kit hội nghị video Vue bằng Vue?
Kiểm tra UI Kit hội nghị video Vue trước khi phát hành thế nào?
Tùy chỉnh giao diện UI Kit hội nghị video Vue thế nào?
Cấu hình UIKitProvider trong template Vue và dùng conference từ @tencentcloud/roomkit-web-vue3 cho các tùy chọn phòng. Ví dụ, gọi conference.setFeatureConfig({ shareLink: yourRoomUrl }) sau khi tham gia hoặc tạo phòng, khi đã có ID phòng. Liên kết chia sẻ mặc định là địa chỉ trang hiện tại. Ưu tiên các tùy chọn được hỗ trợ này; tách mã nguồn thành phần ra để tự quản lý sẽ đưa bản sao của bạn ra ngoài quy trình nâng cấp tiêu chuẩn của gói.