KEUPAYAAN REACT ROOM
Bilik untuk aplikasi anda
Kitar hayat bilik
- Cipta dan sertai bilik
- Kendalikan tindakan keluar dan tamat
Perbualan langsung
- Sambungkan video peserta
- Kawal kamera dan mikrofon
Pengalaman peserta
- Paparkan ahli bilik
- Cerminkan perubahan keadaan bilik
Identiti aplikasi
- Sambungkan ID pengguna anda
- Sahkan dengan UserSig keluaran pelayan
Integrasi platform
- Ruang kerja pelayar
- Ikuti kebenaran asli atau pelayar
Aliran produk anda
- Sambungkan bilik ke navigasi
- Simpan data perniagaan dalam aplikasi
Terokai komponen mesyuarat React
Lihat pengalaman bilik dan kod di sebaliknya.
Tempat untuk semua
Pasang paparan mesyuarat dengan UI Kit Persidangan Video React. Aplikasi menyediakan pengguna disahkan dan ID bilik.
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>
);
}Sambungkan identiti aplikasi
Log masuk dengan ID aplikasi, ID pengguna dan UserSig keluaran pelayan. Masuk bilik selepas berjaya.
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 bilik sedia ada untuk membawa pengguna ke sesi 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 bilik sebahagian produk anda
MULA SEKARANG
Hidupkan bilik 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>
);
}Soalan Lazim UI Kit Persidangan Video React
Apakah yang disertakan dalam UI Kit Persidangan Video React?
UI Kit Persidangan Video React menyediakan antara muka siap guna dengan kemasukan bilik, paparan video dan kawalan peserta. Aplikasi membekalkan identiti dan aliran perniagaan.
Bagaimana mengintegrasikan UI Kit Persidangan Video React?
Bagaimana pengguna log masuk ke UI Kit Persidangan Video React?
Gunakan SDKAppID, ID pengguna dan UserSig yang dijana pelayan. Jangan letakkan rahsia aplikasi dalam kod pelayar atau mudah alih. Kendalikan kegagalan pengesahan sebelum masuk.
Bolehkah pengalaman mesyuarat disesuaikan?
Sesuaikan komponen dan konfigurasi yang didokumenkan. Sumber UI Kit asli menyediakan paparan bilik dan bar alat; semak pilihan disokong dalam panduan platform.
Bagaimana harga Room ditentukan?
Adakah ini menggantikan sistem kursus atau ruang kerja saya?
Aplikasi terus mengurus kandungan kursus, kebenaran ruang kerja, pembayaran dan rekod perniagaan. Komponen mesyuarat menambah komunikasi masa nyata.
Bagaimana mengintegrasikan UI Kit Persidangan Video React dengan React?
Bagaimana menguji UI Kit Persidangan Video React sebelum melancarkan aplikasi?
Bagaimana menyesuaikan antara muka UI Kit Persidangan Video React?
Tetapkan theme dan language pada UIKitProvider daripada @tencentcloud/uikit-base-component-react. Untuk mengubah susunan video, panggil conference.setFeatureConfig({ layoutTemplate: RoomLayoutTemplate.SidebarLayout }) dengan RoomLayoutTemplate daripada tuikit-atomicx-react/room. Ini memilih susun atur yang disokong, dan tidak membolehkan penggantian sewenang-wenangnya bagi setiap komponen bilik. Pemilih jemputan terbina dalam menggunakan hubungan rakan IM; segerakkan kenalan perniagaan melalui API pelayan yang didokumenkan apabila diperlukan.