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
Panduan Integrasi
Instal UI Kit Streaming Live React Native dan hubungkan pengguna Anda.
Contoh & Source
Lihat produk ini beraksi dan pelajari cara penerapannya.
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.
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 dokumentasiimport { AnchorPage } from 'react-native-tuikit-live';
<AnchorPage onBack={goBack} onEndLive={showLiveSummary} />Jadikan pengalaman menonton bagian dari aplikasi Anda
Buka tampilan audiens React Native dengan ruang live yang dipilih. Hubungkan proses masuk dan keluar ruang dengan navigasi aplikasi Anda.
Baca dokumentasiimport { LiveAudiencePage } from 'react-native-tuikit-live';
<LiveAudiencePage
onBack={goBack}
onEndLive={showLiveSummary}
/>Buka jalan menuju penemuan konten live
Tambahkan daftar yang dapat dijelajahi dan hubungkan ke alur menonton.
Baca dokumentasiimport { LiveListPage } from 'react-native-tuikit-live';
<LiveListPage onBack={goBack} />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 dokumentasiMULAI
Tambahkan Live Streaming ke Aplikasi React Native Anda
- 01
- 02
Tambahkan UI Kit Streaming Live React Native
Ikuti panduan platform untuk menghubungkan proyek Anda.
Ikuti Panduan Integrasi - 03
Hubungkan ke ruang pertama Anda
Gunakan satu akun untuk melakukan siaran dan akun lainnya untuk menonton.
Konfigurasikan autentikasi
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 });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
Pertanyaan integrasi
Dapatkan bantuan penyiapan untuk UI Kit Streaming Live React Native.
Lihat Dokumentasi PengembangDiskusikan aplikasi Anda
Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.
Hubungi Tim PenjualanHadirkan Streaming Langsung di Aplikasi React Native Anda
Hubungkan kreator dan audiens dengan React Native Live Streaming UI Kit beserta panduan platformnya.

