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
Panduan Integrasi
Instal SDK 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 API Streaming Live React Native
Hubungkan tampilan video dan status ruang AtomicXCore ke antarmuka host serta audiens React Native Anda.
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 dokumentasiimport { LiveCoreView } from
'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';
<LiveCoreView
liveId={liveID}
coreViewType="pushView"
style={{ flex: 1 }}
/>Mulai Live Streaming di React Native
Autentikasi host, siapkan audio dan video lokal, lalu buat ruang siaran langsung. Gunakan ID ruang yang sama untuk tampilan media dan siklus hidup ruang.
Baca dokumentasiconst { createLive } = useLiveListState();
createLive({
liveInfo: {
liveID, liveName: 'Studio sessions',
seatLayoutTemplateID: 600, keepOwnerOnSeat: true,
},
onSuccess: handleStarted, onError: handleError,
});Hadirkan penonton ke dalam momen
Gunakan ID ruang yang sama untuk menghubungkan audiens Anda.
Baca dokumentasiconst { joinLive } = useLiveListState();
joinLive({
liveID,
onSuccess: handleJoined, onError: handleError,
});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 dokumentasiInteraksi audiens
Perluas fungsi ruang dengan API audiens dan interaksi yang tersedia di platform Anda.
Baca dokumentasiMULAI
Tambahkan Live Streaming ke Aplikasi React Native Anda
- 01
- 02
Tambahkan SDK 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
npx expo install react-native-tuikit-atomic-x \
expo-dev-client expo-build-propertiesimport { 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
Pertanyaan integrasi
Dapatkan bantuan penyiapan untuk SDK 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 SDK beserta panduan platformnya.

