TÍNH NĂNG REACT NATIVE LIVE
Tính năng phát trực tiếp trên React Native
Bắt đầu phát trực tiếp
- Vai trò host và khán giả
- Quản lý vòng đời phòng
Kết nối mọi người
- Phát video trực tiếp
- Sự tham gia của khán giả
Biến nó thành của bạn
- Bố cục ứng dụng linh hoạt
- Các thành phần dành riêng cho từng nền tảng
Khám phá các thành phần phát trực tiếp bằng React Native
Kết nối chế độ xem người dẫn, chế độ xem khán giả và danh sách phòng phát trực tiếp với hệ thống điều hướng của ứng dụng.
Tạo nơi để nhà sáng tạo bắt đầu
Thêm màn hình chuẩn bị cho chủ phòng bằng React Native để nhà sáng tạo có thể xem trước camera trước khi phát sóng. Kết nối màn hình với tài khoản chủ phòng đã xác thực.
import { AnchorPage } from 'react-native-tuikit-live';
<AnchorPage onBack={goBack} onEndLive={showLiveSummary} />Đưa trải nghiệm xem vào ứng dụng của bạn
Mở chế độ xem khán giả React Native với phòng trực tiếp đã chọn. Kết nối thao tác vào và rời phòng với hệ thống điều hướng của ứng dụng.
import { LiveAudiencePage } from 'react-native-tuikit-live';
<LiveAudiencePage
onBack={goBack}
onEndLive={showLiveSummary}
/>TÙY CHỈNH
Tùy chỉnh React Native Live UI Kit của bạn
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 Native của bạn.
BẮT ĐẦU
Thêm tính năng phát trực tiếp vào ứng dụng React Native
- 01
- 02
- 03
git clone https://github.com/Tencent-RTC/TUIKit_ReactNative.gitimport { useLoginState } from
'react-native-tuikit-atomic-x';
const { login } = useLoginState();
login({ sdkAppID: SDKAppID, userID, userSig });Câu hỏi thường gặp về UI Kit phát trực tiếp cho React Native
Tôi có thể xây dựng gì với React Native Live UI Kit?
UI Kit phát trực tiếp cho React Native bao gồm giao diện dành cho người dẫn, khán giả và danh sách phòng. Kết nối các thành phần TUILiveKit này với tài khoản người dùng và hệ thống điều hướng React Native để tạo quy trình xem hoàn chỉnh.
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 Native với một luồng phát sóng?
Làm cách nào để xác thực người dùng của UI Kit phát trực tiếp trên React Native?
React Native Live Streaming UI Kit 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 Native với React Native?
Làm thế nào để kiểm thử UI Kit phát trực tiếp React Native 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 Native?
Tùy chỉnh màn hình live/src/pages/Anchor/index.tsx đã sao chép và các tài nguyên dùng chung tuikit-atomic-x. Ví dụ, thêm thao tác Product vào thanh dưới và kết nối onPress với bảng danh mục riêng. Biểu tượng nằm trong src/static/images, còn văn bản nằm trong src/locales thuộc tuikit-atomic-x. Biên dịch lại sau khi thay đổi. Nút này không cung cấp danh mục, quy trình thanh toán hay hệ thống backend thanh toán; các phần đó vẫn thuộc trách nhiệm của ứng dụng.