DIBUAT UNTUK REACT NATIVE

UI Kit Streaming Live React Native

Tambahkan siaran seluler dengan React Native Live Streaming UI Kit dari Tencent RTC. Hubungkan halaman host, penonton, dan daftar ruang TUILiveKit ke navigasi aplikasi Anda.

SUMBER DAYA DEVELOPER

Dokumentasi & Contoh UI Kit 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 Komponen Live Streaming React Native

Hubungkan tampilan host, tampilan audiens, dan daftar ruang live ke navigasi aplikasi Anda.

Pratinjau host

Sediakan tempat bagi kreator untuk memulai

Tambahkan layar persiapan host React Native agar kreator dapat melihat pratinjau kamera sebelum melakukan siaran. Hubungkan layar tersebut ke akun host yang telah diautentikasi.

Baca dokumentasi
LiveScreen.tsx
import { AnchorPage } from 'react-native-tuikit-live';

<AnchorPage onBack={goBack} onEndLive={showLiveSummary} />

PENYESUAIAN

Sesuaikan React Native Live UI Kit Anda

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

Identitas visual Anda

Sesuaikan tampilan visual menggunakan opsi penyesuaian yang tersedia di platform Anda.

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 UI Kit 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 UI Kit
Terminal
git clone https://github.com/Tencent-RTC/TUIKit_ReactNative.git
LiveScreen.tsx
import { useLoginState } from
  'react-native-tuikit-atomic-x';

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

FAQ UI Kit Streaming Live React Native

Apa yang dapat saya bangun dengan React Native Live UI Kit?

UI Kit Streaming Langsung React Native mencakup antarmuka host, audiens, dan daftar ruang. Hubungkan komponen TUILiveKit ini ke akun pengguna dan navigasi React Native Anda untuk menciptakan alur menonton yang lengkap.

Bagaimana UI Kit ini digunakan bersama SDK?

UI Kit menyediakan komponen antarmuka di atas layanan yang mendasarinya. Pilih SDK jika Anda memerlukan kontrol lebih besar atas UI aplikasi Anda sendiri.

Bagaimana cara menghubungkan tampilan penonton siaran langsung React Native ke suatu siaran?

Aktifkan layanan Live, autentikasi penonton, lalu bergabung ke ruang yang dibuat host. Gunakan akun terpisah untuk menguji layar audiens React Native dan ikuti panduan platform untuk konfigurasinya.

Bagaimana cara mengautentikasi pengguna UI Kit Live Streaming React Native?

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 UI Kit 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 UI Kit 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 UI Kit 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 UI Kit Live Streaming React Native?

Sesuaikan layar live/src/pages/Anchor/index.tsx yang disalin dan resource bersama tuikit-atomic-x. Misalnya, tambahkan tindakan Product ke bilah bawah dan hubungkan onPress ke panel katalog Anda sendiri. Ikon berada di src/static/images dan teks di src/locales dalam tuikit-atomic-x. Build ulang setelah perubahan. Tombol tersebut tidak menyediakan katalog, checkout, atau backend pembayaran; semuanya tetap menjadi tanggung jawab aplikasi.

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 UI Kit beserta panduan platformnya.