DIBINA UNTUK VUE
UI Kit Persidangan Video Vue
Tambah ruang mesyuarat pada produk Vue 3. Satukan video, perkongsian skrin dan peserta dalam satu antara muka dengan UI Kit Persidangan Video Vue.
SUMBER PEMBANGUN
Dokumentasi & Contoh UI Kit Persidangan Video Vue
Panduan Integrasi
Pasang UI Kit Persidangan Video Vue dan sambungkan pengguna anda.
Contoh & Sumber
Lihat produk ini beroperasi dan terokai cara pelaksanaannya.
Satukan seluruh studio
Bincangkan model dan pilihan bahan tanpa meninggalkan ruang kerja projek.
Jadikan bengkel interaktif
Biarkan pengajar menunjukkan pembaikan sementara pelajar bertanya dan mengikuti.
KEUPAYAAN VUE 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
- Aplikasi Vue 3
- Ikuti kebenaran asli atau pelayar
Aliran produk anda
- Sambungkan bilik ke navigasi
- Simpan data perniagaan dalam aplikasi
Terokai komponen mesyuarat Vue
Lihat pengalaman bilik dan kod di sebaliknya.
Tempat untuk semua
Pasang paparan mesyuarat dengan UI Kit Persidangan Video Vue. Aplikasi menyediakan pengguna disahkan dan ID bilik.
Baca dokumentasi<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>Sambungkan identiti aplikasi
Log masuk dengan ID aplikasi, ID pengguna dan UserSig keluaran pelayan. Masuk bilik selepas berjaya.
Baca dokumentasiimport { conference } from '@tencentcloud/roomkit-web-vue3';
await conference.login({ sdkAppId: SDKAppID, userId, userSig });
await conference.createAndJoinRoom({
roomId, options: { roomName: 'Studio review' },
});Satukan peserta
Gunakan ID bilik sedia ada untuk membawa pengguna ke sesi sama.
Baca dokumentasiimport { conference } from '@tencentcloud/roomkit-web-vue3';
await conference.joinRoom({ roomId });
// Call from your leave action.
await conference.leaveRoom();PENYESUAIAN
Jadikan bilik sebahagian produk anda
Jadikan mesyuarat sebahagian ruang kerja
Tetapkan tema dan bahasa melalui UIKitProvider. Letakkan komponen mesyuarat bersama navigasi Vue anda.
Baca dokumentasiPastikan perbualan terus berjalan
Paparkan keadaan peserta dan kawalan bilik dalam antara muka yang jelas. Semak kebenaran hos dalam pelan Room anda.
Baca dokumentasiMULA SEKARANG
Hidupkan bilik pertama anda
- 01
- 02
Tambah UI Kit Persidangan Video Vue
Ikuti panduan platform untuk menyambungkan projek anda.
Ikuti Panduan Integrasi - 03
Sambung ke bilik pertama anda
Sambungkan pengguna ujian disahkan ke bilik sama. Semak kebenaran peranti sebelum mengaktifkan kamera dan mikrofon.
Konfigurasikan pengesahan
npm install @tencentcloud/roomkit-web-vue3@5 tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>Soalan Lazim UI Kit Persidangan Video Vue
Apakah yang disertakan dalam UI Kit Persidangan Video Vue?
UI Kit Persidangan Video Vue 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 Vue?
Integrasi ini menggunakan Vue 3 dan RoomKit Web v5. Gunakan ConferenceMainView untuk desktop dan komponen H5 yang didokumenkan untuk pelayar mudah alih; semak sokongan sebelum pelancaran.
Bagaimana pengguna log masuk ke UI Kit Persidangan Video Vue?
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?
Kos bergantung pada ciri pakej Room serta penggunaan audio/video. Semak halaman harga Conference semasa untuk keupayaan dan had yang disertakan.
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 Vue dengan Vue?
Gunakan integrasi Vue dan API komponen yang didokumenkan. Mulakan perkhidmatan sebelum paparan tersambung, dan buang pendengar atau lepaskan sumber apabila paparan dinyahpasang.
Bagaimana menguji UI Kit Persidangan Video Vue sebelum melancarkan aplikasi?
Uji kemasukan disahkan, perubahan peserta serta kawalan kamera, mikrofon dan keluar bilik yang disokong.
Bagaimana menyesuaikan antara muka UI Kit Persidangan Video Vue?
Konfigurasikan UIKitProvider dalam templat Vue anda dan gunakan conference daripada @tencentcloud/roomkit-web-vue3 untuk pilihan bilik. Contohnya, panggil conference.setFeatureConfig({ shareLink: yourRoomUrl }) selepas menyertai atau mencipta bilik, apabila IDnya tersedia. Pautan perkongsian lalai ialah alamat halaman semasa. Utamakan pilihan yang disokong ini; mengekstrak kod sumber komponen untuk diurus sendiri menjadikan salinan anda berada di luar laluan naik taraf standard pakej.
Sokongan integrasi untuk Vue Room
Soalan integrasi
Dapatkan bantuan persediaan untuk UI Kit Persidangan Video Vue.
Lihat Dokumentasi PembangunBincangkan aplikasi anda
Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.
Hubungi Bahagian JualanSediakan ruang untuk idea seterusnya
Satukan orang dalam aplikasi anda.

