ĐƯỢC XÂY DỰNG CHO REACT NATIVE

SDK phát trực tiếp cho React Native

Xây dựng tính năng phát sóng trên thiết bị di động bằng React Native Live Streaming SDK của Tencent RTC. Kết hợp chế độ xem video gốc và trạng thái phòng với các màn hình React Native cùng cấu hình nền tảng.

TÀI NGUYÊN DÀNH CHO NHÀ PHÁT TRIỂN

Tài liệu & Ví dụ về SDK phát trực tiếp cho React Native

Trình diễn sản phẩm trực tiếp bằng React Native

Cho phép người xem theo dõi phần minh họa sản phẩm của nhà sáng tạo và tham gia trò chuyện. Ứng dụng của bạn quản lý danh mục và trải nghiệm mua hàng.

Xem sự kiện trực tiếp bằng React Native

Đưa bài thuyết trình và khán giả vào ứng dụng React Native. Kết nối màn hình xem với phòng để mọi người có thể theo dõi sự kiện trực tiếp.

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á API phát trực tiếp cho React Native

Kết nối chế độ xem video và trạng thái phòng AtomicXCore với giao diện người chủ trì cùng khán giả React Native của bạn.

Khung hiển thị video

Thêm chế độ xem video trực tiếp React Native

Đặt chế độ xem video AtomicXCore trong bố cục React Native. Liên kết chế độ xem này với trạng thái phòng, trong khi ứng dụng của bạn cung cấp các nút điều khiển và hệ thống điều hướng xung quanh.

Đọc tài liệu
LiveScreen.tsx
import { LiveCoreView } from
  'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';

<LiveCoreView
  liveId={liveID}
  coreViewType="pushView"
  style={{ flex: 1 }}
/>

TÙY CHỈNH

Tùy chỉnh giao diện trực tiếp React Native

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ố cục của bạn

Xây dựng giao diện xoay quanh khung video chính và trạng thái phòng.

Đọc tài liệu

BẮT ĐẦU

Thêm tính năng phát trực tiếp vào ứng dụng React Native

  1. 01

    Tạo ứng dụng của bạn

    Bật Live cho ứng dụng và người dùng thử nghiệm.

    Mở bảng điều khiển Live
  2. 02

    Thêm SDK phát trực tiếp cho React Native

    Làm theo hướng dẫn nền tảng để kết nối dự án của bạn.

    Làm theo Hướng dẫn tích hợp
  3. 03

    Kết nối với phòng đầu tiên của bạn

    Sử dụng một tài khoản để phát sóng và một tài khoản khác để xem.

    Thiết lập xác thực
React Native Live SDK
Terminal
npx expo install react-native-tuikit-atomic-x \
  expo-dev-client expo-build-properties
LiveScreen.tsx
import { useLoginState } from
  'react-native-tuikit-atomic-x';

const { login } = useLoginState();
login({ sdkAppID: SDKAppID, userID, userSig });

Câu hỏi thường gặp về SDK phát trực tiếp cho React Native

SDK phát trực tiếp React Native có bao gồm chế độ xem video không?

React Native Live Streaming SDK bao gồm chế độ xem video AtomicXCore và API trạng thái phòng. Ứng dụng của bạn cung cấp giao diện cho host và khán giả sử dụng các chế độ xem đó; hãy chọn TUILiveKit nếu cần các màn hình dựng sẵn.

SDK này kết hợp với UI Kit như thế nào?

Sử dụng API của SDK để xây dựng giao diện riêng. Chọn UI Kit nếu bạn muốn có sẵn màn hình và các nút điều khiển.

Tôi có thể chạy SDK trong Expo Go không?

SDK bao gồm các mô-đun native. Hãy sử dụng bản dựng phát triển native, chẳng hạn như Expo development client, và hoàn tất cấu hình iOS cùng Android theo hướng dẫn.

Làm cách nào để xác thực người dùng React Native Live Streaming SDK?

Tạo UserSig trên máy chủ và chuyển cho máy khách sau khi quy trình đăng nhập của riêng bạn hoàn tất. Luôn lưu bí mật của ứng dụng trên máy chủ.

React Native Live Streaming SDK có được sử dụng miễn phí không?

Giao diện và dịch vụ Live được lưu trữ đảm nhận các vai trò khác nhau. Hãy kích hoạt dịch vụ cho ứng dụng của bạn, đồng thời xem lại gói hiện tại, tính khả dụng của tính năng và phí sử dụng.

Làm thế nào để tích hợp SDK phát trực tiếp React Native với React Native?

Cài gói và các phụ thuộc native theo tài liệu, rồi dựng lại ứng dụng native. Xác minh quyền, vòng đời và callback native thay vì giả định môi trường chỉ chạy JavaScript.

Làm thế nào để kiểm thử SDK phát trực tiếp React Native trước khi phát hành ứng dụng?

Kiểm tra vai trò chủ phát, người xem, sự kiện phát hay xem hỗ trợ và kết nối lại.

Làm thế nào để tùy chỉnh giao diện SDK phát trực tiếp React Native?

Dùng API chủ phát, người xem hỗ trợ với giao diện riêng. Ứng dụng quản lý thương mại, vé hay quyền phát.

Hỗ trợ tích hợp React Native Live

Trao đổi về ứng dụng của bạn

Trao đổi về sản phẩm, mức sử dụng dự kiến và nhu cầu tích hợp của bạn.

Liên hệ bộ phận kinh doanh

Đưa tính năng phát trực tiếp vào ứng dụng React Native

Kết nối nhà sáng tạo và khán giả bằng React Native Live Streaming SDK cùng các hướng dẫn dành cho từng nền tảng.