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

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.

Pratonton hos

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 dokumentasi
LiveScreen.tsx
import { AnchorPage } from 'react-native-tuikit-live';

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

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 dokumentasi

MULA SEKARANG

Tambahkan Penstriman Langsung pada Aplikasi React Native Anda

  1. 01

    Cipta aplikasi anda

    Aktifkan Live untuk aplikasi dan pengguna ujian anda.

    Buka Konsol Live
  2. 02

    Tambah UI Kit Penstriman Langsung React Native

    Ikuti panduan platform untuk menyambungkan projek anda.

    Ikuti Panduan Integrasi
  3. 03

    Sambung ke bilik pertama anda

    Gunakan satu akaun untuk bersiaran dan satu lagi untuk menonton.

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

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

Bincangkan aplikasi anda

Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.

Hubungi Bahagian Jualan

Bawa Penstriman Langsung ke Aplikasi React Native Anda

Hubungkan pencipta dan penonton dengan React Native Live Streaming UI Kit serta panduan platformnya.