DIBINA UNTUK REACT
UI Kit Panggilan Video React
Tambahkan panggilan dalam aplikasi dengan React Video Calling UI Kit daripada Tencent RTC. Benamkan TUICallKit, hubungkan pengguna anda dan sesuaikan skrin panggilan serta tetingkap terapung dengan aplikasi React anda.
SUMBER PEMBANGUN
Dokumentasi & Contoh UI Kit Panggilan Video React
Panduan Integrasi
Pasang UI Kit Panggilan Video React dan sambungkan pengguna anda.
Contoh & Sumber
Lihat produk ini beroperasi dan terokai cara pelaksanaannya.
Panggilan Video Satu dengan Satu dalam React
Bawa perbualan bersemuka ke dalam aplikasi React anda untuk membina hubungan peribadi atau menjalankan konsultasi, dengan video dan kawalan panggilan dalam pengalaman yang sama.
Panggilan video berkumpulan dalam React
Hubungkan beberapa peserta dalam komponen panggilan React anda. Gunakan panduan platform untuk mengkonfigurasi aliran panggilan dan susun atur kumpulan yang disokong.
KEUPAYAAN REACT CALL
Ciri Panggilan Video React
Hubungkan orang ramai
- Panggilan suara dan video
- Pengendalian panggilan masuk
Kekalkan kawalan
- Kawalan kamera dan mikrofon
- Peristiwa kitar hayat panggilan
Jadikan ia milik anda
- Aliran aplikasi anda
- Integrasi khusus platform
Terokai komponen panggilan video React
Hubungkan TUICallKit kepada susun atur komponen anda, kemudian mulakan panggilan melalui tindakan dalam aplikasi.
Benamkan antara muka panggilan React anda
Lekapkan TUICallKit dalam susun atur komponen anda dan mulakannya dengan pengguna yang telah disahkan. Komponen tersebut menyediakan antara muka dan kawalan panggilan.
Baca dokumentasiimport { TUICallKit } from '@trtc/calls-uikit-react';
export function CallView() {
return <TUICallKit />;
}Mulakan panggilan video dalam React
Hantar ID penerima daripada aplikasi anda kepada API panggilan. Hubungkan tindakan ini kepada kenalan, perbualan atau butang panggilan dalam antara muka React anda.
Baca dokumentasiimport { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-react';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});Tetingkap terapung
Pastikan perbualan kekal kelihatan semasa pengguna menavigasi aplikasi anda.
Baca dokumentasiTUICallKitAPI.enableFloatWindow(true);PENYESUAIAN
Sesuaikan React Call UI Kit anda
Sesuaikan komponen panggilan React, kawalan dan aliran panggilan masuk dengan produk anda.
Reka letak & kawalan
Sesuaikan pengalaman panggilan menggunakan pilihan penyesuaian dalam panduan platform anda.
Baca dokumentasiNada dering & identiti
Jadikan panggilan masuk mudah dikenali dengan profil pengguna dan nada dering tersuai.
Baca dokumentasiMULA SEKARANG
Tambahkan panggilan video pada aplikasi React anda
- 01
- 02
Tambah UI Kit Panggilan Video React
Ikuti panduan platform untuk menyambungkan projek anda.
Ikuti Panduan Integrasi - 03
Buat panggilan pertama anda
Daftar masuk sebagai dua pengguna ujian, kemudian buat dan jawab panggilan.
Konfigurasikan pengesahan
npm install @trtc/calls-uikit-reactimport { TUICallKitAPI } from '@trtc/calls-uikit-react';
await TUICallKitAPI.init({ SDKAppID, userID, userSig });Soalan Lazim UI Kit Panggilan Video React
Apakah yang disertakan dalam React Video Calling UI Kit?
React Video Calling UI Kit menyediakan skrin TUICallKit dan kawalan panggilan. Sambungkannya kepada identiti pengguna dan susun atur komponen anda; perkhidmatan Call menghubungkan para peserta.
Patutkah saya menggunakan SDK panggilan React atau UI Kit?
UI Kit menyediakan komponen antara muka di atas perkhidmatan asas. Pilih SDK apabila anda memerlukan lebih banyak kawalan ke atas UI aplikasi anda sendiri.
Apakah yang diperlukan untuk panggilan video React dalam pelayar?
Mulakan TUICallKit untuk pengguna yang disahkan dengan perkhidmatan Call didayakan. Gunakan HTTPS atau localhost dan kendalikan kebenaran kamera, mikrofon dan main balik pelayar.
Bagaimanakah cara mengesahkan pengguna UI Kit panggilan video React?
Cipta UserSig pada pelayan anda dan hantarkannya kepada klien selepas aliran log masuk anda sendiri selesai. Sentiasa simpan rahsia aplikasi pada pelayan anda.
Adakah UI Kit Panggilan Video React boleh digunakan secara percuma?
Antara muka dan perkhidmatan Call 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 Panggilan Video React dengan React?
Mulakan provider yang didokumenkan dan gabungkan komponen yang tersambung. Selaraskan langganan dan pembersihan dengan kitar hayat React, kemudian uji navigasi serta pemasangan berulang dalam aplikasi sebenar anda.
Bagaimanakah saya menguji UI Kit Panggilan Video React sebelum melancarkan aplikasi saya?
Uji keadaan jemputan, terima, tolak dan tamat panggilan antara pengguna berasingan, termasuk penolakan kebenaran.
Bagaimanakah saya menyesuaikan antara muka UI Kit Panggilan Video React?
Gunakan TUICallKitAPI daripada @trtc/calls-uikit-react untuk perubahan kawalan yang disokong. Contohnya, hideFeatureButton(FeatureButton.Camera) menyembunyikan butang kamera, manakala setLayoutMode(LayoutMode.LocalInLargeView) meletakkan video setempat dalam paparan besar. Tetapan susun atur ini hanya digunakan untuk panggilan video satu dengan satu. Untuk antara muka yang sama sekali berbeza, bina berasaskan TUICallEngine tanpa menganggap setiap paparan dalaman mempunyai prop pengganti React.
Sokongan integrasi untuk React Call
Soalan integrasi
Dapatkan bantuan persediaan untuk UI Kit Panggilan Video React.
Lihat Dokumentasi PembangunBincangkan aplikasi anda
Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.
Hubungi Bahagian JualanBawa Panggilan Video ke Aplikasi React Anda
Mulakan dengan React Video Calling UI Kit, sambungkan dua pengguna ujian dan bina panggilan pertama anda.

