TÍNH NĂNG REACT LIVE
Tính năng xem video trực tiếp trên React
Xem trực tiếp
- Các thành phần video trực tiếp
- Vào và rời phòng
Tham gia cuộc trò chuyện
- Bình luận của khán giả
- Thành phần danh sách người xem
Khám phá thêm
- Danh sách phòng phát trực tiếp
- Hệ thống điều hướng trong ứng dụng của bạn
Khám phá các thành phần React dành cho phát trực tiếp
Kết hợp khung video, bình luận của khán giả và tính năng khám phá phòng trong bố cục thành phần React.
Đặt khoảnh khắc trực tiếp lên hàng đầu
Nhúng thành phần video trực tiếp vào bố cục React và kết nối thành phần này với chương trình phát sóng hiện có. Quy trình tích hợp này cung cấp trải nghiệm xem cho khán giả.
import { LiveView } from 'tuikit-atomicx-react';
export function VideoPanel() {
return <LiveView />;
}Cho phép khán giả tham gia
Đặt bình luận của khán giả bên cạnh khung video trực tiếp React. Duy trì cuộc trò chuyện và video trong cùng một phòng trực tiếp.
import { BarrageList, BarrageInput } from 'tuikit-atomicx-react';
export function Comments() {
return <><BarrageList /><BarrageInput /></>;
}TÙY CHỈNH
Tùy chỉnh React Live UI Kit
Sắp xếp video, hoạt động tương tác với khán giả và điều hướng xoay quanh trải nghiệm trực tiếp trong ứng dụng React.
BẮT ĐẦU
Thêm tính năng phát trực tiếp vào ứng dụng React
- 01
- 02
- 03
npm install tuikit-atomicx-react \
@tencentcloud/uikit-base-component-reactimport { useLoginState } from 'tuikit-atomicx-react';
const { login } = useLoginState();
await login({ SDKAppID, userID, userSig });Câu hỏi thường gặp về UI Kit phát trực tiếp cho React
Tôi có thể xây dựng trang phát sóng dành cho người dẫn bằng React không?
UI Kit này kết hợp với SDK như thế nào?
Làm cách nào để kết nối trình xem trực tiếp React với chương trình phát sóng?
Làm cách nào để xác thực người dùng React Live Streaming UI Kit?
UI Kit phát trực tiếp cho React có được sử dụng miễn phí không?
Làm thế nào để tích hợp UI Kit phát trực tiếp React với React?
Làm thế nào để kiểm thử UI Kit phát trực tiếp React trước khi phát hành ứng dụng?
Làm thế nào để tùy chỉnh giao diện UI Kit phát trực tiếp React?
Bao các thành phần người xem React trong UIKitProvider để chọn giao diện sáng hoặc tối. Ví dụ, hiển thị LiveList với columnCount={5} và trình xử lý onLiveRoomClick mở tuyến người xem của bạn. Trình xử lý phải kết nối phòng đã chọn với luồng xem; chỉ đổi số cột danh sách không tham gia được buổi phát. Tích hợp React trên trang này xây dựng trải nghiệm xem cho khán giả, còn việc phát do một tích hợp người phát riêng đảm nhiệm.