DIBUAT UNTUK REACT NATIVE

SDK Streaming Live React Native

Bangun siaran seluler dengan React Native Live Streaming SDK dari Tencent RTC. Gabungkan tampilan video native dan status ruang dengan layar React Native serta konfigurasi platform Anda.

SUMBER DAYA DEVELOPER

Dokumentasi & Contoh SDK Streaming Live React Native

Demo Produk Live dengan React Native

Izinkan penonton mengikuti demonstrasi produk kreator dan bergabung dalam percakapan. Aplikasi Anda mengelola katalog dan pengalaman pembelian.

Menonton acara live dengan React Native

Hadirkan presentasi beserta audiensnya ke dalam aplikasi React Native Anda. Hubungkan layar tontonan ke ruang agar pengguna dapat mengikuti acara langsung.

KEMAMPUAN REACT NATIVE LIVE

Fitur Streaming Live React Native

Mulai live

  • Peran host dan audiens
  • Pengelolaan siklus hidup ruang

Satukan orang-orang

  • Pemutaran video live
  • Partisipasi audiens

Jadikan milik Anda

  • Tata letak aplikasi yang fleksibel
  • Komponen khusus platform

Jelajahi API Streaming Live React Native

Hubungkan tampilan video dan status ruang AtomicXCore ke antarmuka host serta audiens React Native Anda.

Kanvas video

Tambahkan Tampilan Video Live React Native

Tempatkan tampilan video AtomicXCore di tata letak React Native Anda. Kaitkan dengan status ruang, sementara aplikasi Anda menyediakan kontrol dan navigasi di sekitarnya.

Baca dokumentasi
LiveScreen.tsx
import { LiveCoreView } from
  'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';

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

PENYESUAIAN

Sesuaikan Antarmuka Live React Native Anda

Atur video, interaksi audiens, dan navigasi di seputar pengalaman langsung dalam aplikasi React Native Anda.

Tata letak Anda

Bangun antarmuka Anda di sekitar kanvas video utama dan status ruang.

Baca dokumentasi

MULAI

Tambahkan Live Streaming ke Aplikasi React Native Anda

  1. 01

    Buat aplikasi Anda

    Aktifkan Live untuk aplikasi dan pengguna uji Anda.

    Buka Konsol Live
  2. 02

    Tambahkan SDK Streaming Live React Native

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Hubungkan ke ruang pertama Anda

    Gunakan satu akun untuk melakukan siaran dan akun lainnya untuk menonton.

    Konfigurasikan autentikasi
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 });

FAQ SDK Streaming Live React Native

Apakah SDK Live Streaming React Native menyertakan tampilan video?

React Native Live Streaming SDK mencakup tampilan video AtomicXCore dan API status ruang. Aplikasi Anda menyediakan antarmuka host dan audiens yang menggunakan tampilan tersebut; pilih TUILiveKit untuk layar siap pakai.

Bagaimana SDK ini digunakan bersama UI Kit?

Gunakan API SDK untuk membangun antarmuka Anda sendiri. Pilih UI Kit jika Anda menginginkan layar dan kontrol siap pakai.

Dapatkah saya menjalankan SDK di Expo Go?

SDK ini mencakup modul native. Gunakan build pengembangan native, seperti Expo development client, dan selesaikan konfigurasi iOS serta Android sesuai panduan.

Bagaimana cara mengautentikasi pengguna React Native Live Streaming SDK?

Buat UserSig di server Anda dan teruskan ke klien setelah alur login Anda sendiri selesai. Selalu simpan rahasia aplikasi di server Anda.

Apakah React Native Live Streaming SDK dapat digunakan secara gratis?

Antarmuka dan layanan Live yang dihosting memiliki peran berbeda. Aktifkan layanan untuk aplikasi Anda dan tinjau paket saat ini, ketersediaan fitur, serta biaya penggunaan.

Bagaimana cara mengintegrasikan SDK Live Streaming React Native dengan React Native?

Instal paket dan dependensi native sesuai dokumentasi, lalu bangun ulang aplikasi native. Verifikasi izin, siklus hidup, dan callback native tanpa menganggap runtime hanya menggunakan JavaScript.

Bagaimana cara menguji SDK Live Streaming React Native sebelum merilis aplikasi?

Uji peran host dan penonton, peristiwa siaran atau pemutaran yang didukung, serta sambungan ulang.

Bagaimana cara menyesuaikan antarmuka SDK Live Streaming React Native?

Gunakan API host dan penonton yang didukung dengan antarmuka sendiri. Aplikasi mengelola perdagangan, tiket, atau hak pemutaran.

Dukungan integrasi untuk React Native Live

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Hadirkan Streaming Langsung di Aplikasi React Native Anda

Hubungkan kreator dan audiens dengan React Native Live Streaming SDK beserta panduan platformnya.