DIBUAT UNTUK REACT NATIVE

UI Kit Panggilan Video React Native

Hubungkan pengguna seluler Anda dengan UI Kit Panggilan Video React Native dari Tencent RTC. Tambahkan layar panggilan masuk dan panggilan aktif yang siap digunakan, lalu konfigurasikan integrasi native dan bahasa antarmuka.

SUMBER DAYA DEVELOPER

Dokumentasi & Contoh UI Kit Panggilan Video React Native

Panggilan video satu lawan satu di React Native

Hadirkan percakapan tatap muka ke aplikasi React Native Anda untuk interaksi personal atau konsultasi, lengkap dengan video dan kontrol panggilan dalam satu pengalaman.

Panggilan video grup di React Native

Hubungkan beberapa peserta di layar panggilan React Native Anda. Gunakan panduan platform untuk mengonfigurasi alur panggilan dan tata letak grup yang didukung.

KEMAMPUAN REACT NATIVE CALL

Fitur panggilan video React Native

Hubungkan orang-orang

  • Panggilan suara dan video
  • Penanganan panggilan masuk

Tetap pegang kendali

  • Kontrol kamera dan mikrofon
  • Peristiwa siklus hidup panggilan

Jadikan milik Anda

  • Alur aplikasi Anda
  • Integrasi khusus platform

Jelajahi Komponen Panggilan Video React Native

Hubungkan TUICallKit ke navigasi seluler, lalu mulai panggilan dari tindakan dalam aplikasi Anda.

Antarmuka panggilan

Sematkan Antarmuka Panggilan React Native Anda

Pasang TUICallKit pada navigasi seluler Anda dan inisialisasikan dengan pengguna yang telah diautentikasi. Komponen ini menyediakan antarmuka dan kontrol panggilan.

Baca dokumentasi
CallScreen.tsx
import { TUICallKit, MediaType } from
  '@tencentcloud/call-uikit-react-native';

await TUICallKit.calls({
  userIdList: [recipientID], mediaType: MediaType.Video,
});

PENYESUAIAN

Sesuaikan React Native Call UI Kit Anda

Sesuaikan layar panggilan, kontrol, dan alur panggilan masuk React Native dengan produk Anda.

Bahasa

Pilih bahasa antarmuka yang didukung untuk aplikasi React Native Anda.

Baca dokumentasi

MULAI

Tambahkan Panggilan Video ke Aplikasi React Native Anda

  1. 01

    Buat aplikasi Anda

    Aktifkan Call untuk aplikasi dan pengguna uji Anda.

    Buka Konsol Call
  2. 02

    Tambahkan UI Kit Panggilan Video React Native

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Mulai panggilan pertama Anda

    Masuk sebagai dua pengguna uji, lalu lakukan dan jawab panggilan.

    Konfigurasikan autentikasi
React Native Call UI Kit
Terminal
npm install @tencentcloud/call-uikit-react-native
CallScreen.tsx
import { TUICallKit } from
  '@tencentcloud/call-uikit-react-native';

await TUICallKit.login({
  sdkAppId: SDKAppID, userId: userID, userSig,
});

FAQ UI Kit Panggilan Video React Native

Apa saja yang disertakan dalam React Native Video Calling UI Kit?

React Native Video Calling UI Kit menyediakan layar TUICallKit dan kontrol panggilan. Hubungkan dengan sistem identitas pengguna dan navigasi seluler Anda; layanan Call akan menghubungkan para peserta.

Haruskah saya menggunakan SDK panggilan React Native atau UI Kit?

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

Apa yang diperlukan untuk menerima panggilan masuk?

Pengguna harus diautentikasi dan layanan Call harus diaktifkan. Perilaku latar belakang dan offline native juga memerlukan konfigurasi push yang dijelaskan dalam dokumentasi.

Bagaimana cara mengautentikasi pengguna UI Kit panggilan video 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 Video Calling UI Kit dapat digunakan secara gratis?

Antarmuka dan layanan Call yang di-host memiliki peran berbeda. Aktifkan layanan untuk aplikasi Anda, lalu tinjau paket saat ini, ketersediaan fitur, dan biaya penggunaan.

Bagaimana cara mengintegrasikan UI Kit Panggilan Video 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 Panggilan Video React Native sebelum merilis aplikasi?

Uji status undangan, menerima, menolak, dan mengakhiri panggilan antara pengguna terpisah, termasuk penolakan izin.

Bagaimana cara menyesuaikan antarmuka UI Kit Panggilan Video React Native?

Gunakan metode yang disediakan UI Kit native untuk menyesuaikan tampilan panggilan. Misalnya, impor Language dari @tencentcloud/call-uikit-react-native dan panggil TUICallKit.setLanguage(Language.EN). setCallingBell mengubah nada dering panggilan masuk, sedangkan enableMuteMode(true) membisukannya. CSS React web dan prop provider tidak mengonfigurasi antarmuka native ini; pertahankan konfigurasi izin Android dan iOS, lalu periksa setiap metode berdasarkan panduan React Native.

Dukungan integrasi untuk React Native Call

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Hadirkan Panggilan Video di Aplikasi React Native Anda

Mulai dengan React Native Video Calling UI Kit, hubungkan dua pengguna uji, dan buat panggilan pertama Anda.