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

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.

Antara muka panggilan

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 dokumentasi
App.tsx
import { TUICallKit } from '@trtc/calls-uikit-react';

export function CallView() {
  return <TUICallKit />;
}

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 dokumentasi

MULA SEKARANG

Tambahkan panggilan video pada aplikasi React anda

  1. 01

    Cipta aplikasi anda

    Aktifkan Call untuk aplikasi dan pengguna ujian anda.

    Buka Konsol Call
  2. 02

    Tambah UI Kit Panggilan Video React

    Ikuti panduan platform untuk menyambungkan projek anda.

    Ikuti Panduan Integrasi
  3. 03

    Buat panggilan pertama anda

    Daftar masuk sebagai dua pengguna ujian, kemudian buat dan jawab panggilan.

    Konfigurasikan pengesahan
React Call UI Kit
Terminal
npm install @trtc/calls-uikit-react
App.tsx
import { 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

Bincangkan aplikasi anda

Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.

Hubungi Bahagian Jualan

Bawa Panggilan Video ke Aplikasi React Anda

Mulakan dengan React Video Calling UI Kit, sambungkan dua pengguna ujian dan bina panggilan pertama anda.