KEMAMPUAN VUE 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
- Aplikasi Vue 3
- Ikuti izin native atau browser
Alur produk Anda
- Hubungkan ruang ke navigasi
- Simpan data bisnis dalam aplikasi
Jelajahi komponen rapat Vue
Lihat pengalaman ruang dan kode di baliknya.
Tempat untuk semua
Pasang tampilan rapat dengan UI Kit Konferensi Video Vue. Aplikasi menyediakan pengguna terautentikasi dan ID ruang.
<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>Hubungkan identitas aplikasi
Masuk dengan ID aplikasi, ID pengguna, dan UserSig dari server. Masuk ruang setelah login berhasil.
import { conference } from '@tencentcloud/roomkit-web-vue3';
await conference.login({ sdkAppId: SDKAppID, userId, userSig });
await conference.createAndJoinRoom({
roomId, options: { roomName: 'Studio review' },
});PENYESUAIAN
Jadikan ruang menyatu dengan produk
MULAI
Wujudkan ruang pertama Anda
- 01
- 02
- 03
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>FAQ UI Kit Konferensi Video Vue
Apa saja yang disertakan UI Kit Konferensi Video Vue?
UI Kit Konferensi Video Vue menyediakan antarmuka siap pakai dengan masuk ruang, tampilan video, dan kontrol peserta. Aplikasi menyediakan identitas dan alur bisnis.
Bagaimana mengintegrasikan UI Kit Konferensi Video Vue?
Bagaimana pengguna masuk ke UI Kit Konferensi Video Vue?
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 Vue dengan Vue?
Bagaimana menguji UI Kit Konferensi Video Vue sebelum merilis aplikasi?
Bagaimana menyesuaikan antarmuka UI Kit Konferensi Video Vue?
Konfigurasikan UIKitProvider dalam template Vue Anda dan gunakan conference dari @tencentcloud/roomkit-web-vue3 untuk opsi ruang. Misalnya, panggil conference.setFeatureConfig({ shareLink: yourRoomUrl }) setelah bergabung atau membuat ruang, ketika ID-nya sudah tersedia. Tautan berbagi default adalah alamat halaman saat ini. Utamakan opsi yang didukung ini; mengekstrak kode sumber komponen untuk dikelola sendiri menempatkan salinan Anda di luar jalur upgrade standar paket.