DIBINA UNTUK REACT NATIVE
UI Kit Penstriman Langsung React Native
Tambahkan siaran mudah alih dengan React Native Live Streaming UI Kit daripada Tencent RTC. Sambungkan halaman hos, penonton dan senarai bilik TUILiveKit kepada navigasi aplikasi anda.
SUMBER PEMBANGUN
Dokumentasi & Contoh UI Kit Penstriman Langsung React Native
Panduan Integrasi
Pasang UI Kit Penstriman Langsung React Native dan sambungkan pengguna anda.
Contoh & Sumber
Lihat produk ini beroperasi dan terokai cara pelaksanaannya.
Demo Produk Langsung dalam React Native
Benarkan penonton mengikuti demonstrasi produk pencipta dan menyertai perbualan. Aplikasi anda mengurus katalog dan pengalaman pembelian.
Tontonan acara langsung dalam React Native
Bawa pembentangan dan penontonnya ke dalam aplikasi React Native anda. Sambungkan skrin tontonan kepada bilik supaya orang ramai dapat mengikuti acara langsung.
KEUPAYAAN REACT NATIVE LIVE
Ciri Penstriman Langsung React Native
Mulakan siaran langsung
- Peranan hos dan penonton
- Pengurusan kitar hayat bilik
Satukan orang ramai
- Main balik video langsung
- Penyertaan penonton
Jadikan ia milik anda
- Susun atur aplikasi yang fleksibel
- Blok binaan khusus platform
Terokai Komponen Penstriman Langsung React Native
Sambungkan paparan hos, paparan penonton dan senarai bilik siaran langsung kepada navigasi aplikasi anda.
Sediakan tempat untuk pencipta bermula
Tambahkan skrin persediaan hos React Native supaya pencipta boleh melihat pratonton kamera sebelum bersiaran. Sambungkan skrin tersebut kepada akaun hos anda yang telah disahkan.
Baca dokumentasiimport { AnchorPage } from 'react-native-tuikit-live';
<AnchorPage onBack={goBack} onEndLive={showLiveSummary} />Jadikan tontonan sebahagian daripada aplikasi anda
Buka paparan penonton React Native dengan bilik langsung yang dipilih. Hubungkan proses masuk dan keluar bilik dengan navigasi aplikasi anda.
Baca dokumentasiimport { LiveAudiencePage } from 'react-native-tuikit-live';
<LiveAudiencePage
onBack={goBack}
onEndLive={showLiveSummary}
/>Buka pintu kepada penemuan kandungan langsung
Tambahkan senarai yang boleh dilayari dan sambungkannya kepada aliran tontonan.
Baca dokumentasiimport { LiveListPage } from 'react-native-tuikit-live';
<LiveListPage onBack={goBack} />PENYESUAIAN
Sesuaikan React Native Live UI Kit Anda
Susun video, interaksi khalayak dan navigasi di sekitar pengalaman langsung dalam aplikasi React Native anda.
Identiti visual anda
Laraskan persembahan visual menggunakan pilihan penyesuaian yang tersedia pada platform anda.
Baca dokumentasiKomen & kandungan
Gabungkan bahagian pengalaman langsung yang penting kepada penonton anda.
Baca dokumentasiMULA SEKARANG
Tambahkan Penstriman Langsung pada Aplikasi React Native Anda
- 01
- 02
Tambah UI Kit Penstriman Langsung React Native
Ikuti panduan platform untuk menyambungkan projek anda.
Ikuti Panduan Integrasi - 03
Sambung ke bilik pertama anda
Gunakan satu akaun untuk bersiaran dan satu lagi untuk menonton.
Konfigurasikan pengesahan
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 });Soalan Lazim UI Kit Penstriman Langsung React Native
Apakah yang boleh saya bina dengan React Native Live UI Kit?
UI Kit Penstriman Langsung React Native merangkumi antara muka hos, penonton dan senarai bilik. Sambungkan komponen TUILiveKit ini kepada akaun pengguna dan navigasi React Native anda untuk mewujudkan aliran tontonan yang lengkap.
Bagaimanakah UI Kit ini berfungsi bersama SDK?
UI Kit menyediakan komponen antara muka di atas perkhidmatan asas. Pilih SDK apabila anda memerlukan lebih banyak kawalan ke atas UI aplikasi anda sendiri.
Bagaimanakah cara menyambungkan paparan penonton langsung React Native kepada siaran?
Dayakan perkhidmatan Live, sahkan penonton dan sertai bilik yang dicipta oleh hos. Gunakan akaun berasingan untuk menguji skrin penonton React Native dan ikuti panduan platform untuk konfigurasi.
Bagaimanakah saya mengesahkan pengguna UI Kit Penstriman Langsung React Native?
Cipta UserSig pada pelayan anda dan hantarkannya kepada klien selepas aliran log masuk anda sendiri selesai. Sentiasa simpan rahsia aplikasi pada pelayan anda.
Adakah React Native Live Streaming UI Kit percuma untuk digunakan?
Antara muka dan perkhidmatan Live yang dihoskan mempunyai peranan yang berbeza. Aktifkan perkhidmatan untuk aplikasi anda dan semak pelan semasa, ketersediaan ciri serta caj penggunaan.
Bagaimanakah saya mengintegrasikan UI Kit Penstriman Langsung React Native dengan React Native?
Pasang pakej dan kebergantungan natif yang didokumenkan, kemudian bina semula aplikasi natif anda. Sahkan kebenaran, kitar hayat dan panggilan balik natif tanpa menganggap runtime hanya menggunakan JavaScript.
Bagaimanakah saya menguji UI Kit Penstriman Langsung React Native sebelum melancarkan aplikasi saya?
Uji peranan hos dan penonton, acara penerbitan atau main balik disokong serta sambungan semula.
Bagaimanakah saya menyesuaikan antara muka UI Kit Penstriman Langsung React Native?
Sesuaikan skrin live/src/pages/Anchor/index.tsx yang disalin dan sumber tuikit-atomic-x yang dikongsi. Contohnya, tambah tindakan Product pada bar bawah dan sambungkan onPress kepada panel katalog anda sendiri. Ikon berada dalam src/static/images dan teks dalam src/locales di bawah tuikit-atomic-x. Bina semula selepas perubahan. Butang tersebut tidak menyediakan katalog, proses checkout atau backend pembayaran; semuanya kekal menjadi tanggungjawab aplikasi.
Sokongan integrasi untuk React Native Live
Soalan integrasi
Dapatkan bantuan persediaan untuk UI Kit Penstriman Langsung React Native.
Lihat Dokumentasi PembangunBincangkan aplikasi anda
Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.
Hubungi Bahagian JualanBawa Penstriman Langsung ke Aplikasi React Native Anda
Hubungkan pencipta dan penonton dengan React Native Live Streaming UI Kit serta panduan platformnya.

