KEMAMPUAN REACT ROOM
Ruang untuk aplikasi Anda
Siklus hidup ruang
- Buat dan bergabung ke ruang
- Tangani keluar dan mengakhiri sesi
Percakapan langsung
- Hubungkan video peserta
- Kontrol kamera dan mikrofon
Pengalaman peserta
- Tampilkan anggota ruang
- Tampilkan perubahan status ruang
Identitas aplikasi
- Hubungkan ID pengguna Anda
- Autentikasi dengan UserSig dari server
Integrasi platform
- Ruang kerja browser
- Ikuti izin native atau browser
Alur produk Anda
- Hubungkan ruang ke navigasi
- Simpan data bisnis dalam aplikasi
Jelajahi komponen rapat React
Lihat pengalaman ruang dan kode di baliknya.
Tempat untuk semua
Pasang tampilan rapat dengan UI Kit Konferensi Video React. Aplikasi menyediakan pengguna terautentikasi dan ID ruang.
import { UIKitProvider } from '@tencentcloud/uikit-base-component-react';
import { ConferenceMainView } from '@tencentcloud/roomkit-web-react';
export default function App() {
return (
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
);
}Hubungkan identitas aplikasi
Masuk dengan ID aplikasi, ID pengguna, dan UserSig dari server. Masuk ruang setelah login berhasil.
import { conference } from '@tencentcloud/roomkit-web-react';
await conference.login({ sdkAppId: SDKAppID, userId, userSig });
await conference.createAndJoinRoom({
roomId, options: { roomName: 'Design review' },
});Satukan peserta
Gunakan ID ruang yang ada untuk membawa pengguna ke sesi yang sama.
import { conference } from '@tencentcloud/roomkit-web-react';
// After login, join an existing room.
await conference.joinRoom({ roomId });
// Leave without ending the room for everyone.
await conference.leaveRoom();PENYESUAIAN
Jadikan ruang menyatu dengan produk
MULAI
Wujudkan ruang pertama Anda
- 01
- 02
- 03
npm install @tencentcloud/roomkit-web-react tuikit-atomicx-react @tencentcloud/uikit-base-component-react @tencentcloud/universal-apiimport { UIKitProvider } from '@tencentcloud/uikit-base-component-react';
import { ConferenceMainView } from '@tencentcloud/roomkit-web-react';
export default function App() {
return (
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
);
}FAQ UI Kit Konferensi Video React
Apa saja yang disertakan UI Kit Konferensi Video React?
UI Kit Konferensi Video React menyediakan antarmuka siap pakai dengan masuk ruang, tampilan video, dan kontrol peserta. Aplikasi menyediakan identitas dan alur bisnis.
Bagaimana mengintegrasikan UI Kit Konferensi Video React?
Bagaimana pengguna masuk ke UI Kit Konferensi Video React?
Gunakan SDKAppID, ID pengguna, dan UserSig yang dibuat di server. Jangan masukkan rahasia aplikasi ke kode browser atau seluler. Tangani kegagalan autentikasi sebelum masuk ruang.
Bisakah pengalaman rapat disesuaikan?
Sesuaikan komponen dan konfigurasi yang didokumentasikan. Sumber UI Kit native menyediakan tampilan ruang dan toolbar; periksa opsi yang didukung pada panduan platform.
Bagaimana harga Room ditentukan?
Apakah ini menggantikan sistem kursus atau ruang kerja saya?
Aplikasi tetap mengelola konten kursus, izin ruang kerja, pembayaran, dan catatan bisnis. Komponen rapat menambahkan komunikasi waktu nyata.
Bagaimana mengintegrasikan UI Kit Konferensi Video React dengan React?
Bagaimana menguji UI Kit Konferensi Video React sebelum merilis aplikasi?
Bagaimana menyesuaikan antarmuka UI Kit Konferensi Video React?
Atur theme dan language pada UIKitProvider dari @tencentcloud/uikit-base-component-react. Untuk mengubah susunan video, panggil conference.setFeatureConfig({ layoutTemplate: RoomLayoutTemplate.SidebarLayout }) dengan RoomLayoutTemplate dari tuikit-atomicx-react/room. Ini memilih tata letak yang didukung, bukan mengganti setiap komponen ruang secara bebas. Pemilih undangan bawaan menggunakan hubungan pertemanan IM; sinkronkan kontak bisnis melalui API server yang didokumentasikan bila diperlukan.