TÍNH NĂNG REACT 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
- Không gian làm việc trình duyệt
- 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 React
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 React. Ứng dụng cung cấp người dùng đã xác thực và ID phòng.
import { UIKitProvider } from '@tencentcloud/uikit-base-component-react';
import { ConferenceMainView } from '@tencentcloud/roomkit-web-react';
export default function App() {
return (
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
);
}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-react';
await conference.login({ sdkAppId: SDKAppID, userId, userSig });
await conference.createAndJoinRoom({
roomId, options: { roomName: 'Design review' },
});Kết nối người tham gia
Dùng ID phòng có sẵn để đưa người dùng vào cùng phiên.
import { conference } from '@tencentcloud/roomkit-web-react';
// After login, join an existing room.
await conference.joinRoom({ roomId });
// Leave without ending the room for everyone.
await conference.leaveRoom();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-react tuikit-atomicx-react @tencentcloud/uikit-base-component-react @tencentcloud/universal-apiimport { UIKitProvider } from '@tencentcloud/uikit-base-component-react';
import { ConferenceMainView } from '@tencentcloud/roomkit-web-react';
export default function App() {
return (
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
);
}Câu hỏi thường gặp về UI Kit hội nghị video React
UI Kit hội nghị video React bao gồm những gì?
UI Kit hội nghị video React 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 React?
Người dùng đăng nhập UI Kit hội nghị video React 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 React bằng React?
Kiểm tra UI Kit hội nghị video React trước khi phát hành thế nào?
Tùy chỉnh giao diện UI Kit hội nghị video React thế nào?
Đặt theme và language trên UIKitProvider từ @tencentcloud/uikit-base-component-react. Để đổi cách sắp xếp video, gọi conference.setFeatureConfig({ layoutTemplate: RoomLayoutTemplate.SidebarLayout }) với RoomLayoutTemplate từ tuikit-atomicx-react/room. Thao tác này chọn một bố cục được hỗ trợ, không cho phép tùy ý thay mọi thành phần phòng. Bộ chọn người được mời tích hợp sẵn dùng quan hệ bạn bè IM; khi cần, hãy đồng bộ danh bạ doanh nghiệp qua các API máy chủ được mô tả trong tài liệu.