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

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.

Paparan mesyuarat

Tempat untuk semua

Pasang paparan mesyuarat dengan UI Kit Persidangan Video Vue. Aplikasi menyediakan pengguna disahkan dan ID bilik.

Baca dokumentasi
App.vue
<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>

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 dokumentasi

MULA SEKARANG

Hidupkan bilik pertama anda

  1. 01

    Cipta aplikasi anda

    Aktifkan Room untuk aplikasi dan pengguna ujian anda.

    Buka Konsol Room
  2. 02

    Tambah UI Kit Persidangan Video Vue

    Ikuti panduan platform untuk menyambungkan projek anda.

    Ikuti Panduan Integrasi
  3. 03

    Sambung ke bilik pertama anda

    Sambungkan pengguna ujian disahkan ke bilik sama. Semak kebenaran peranti sebelum mengaktifkan kamera dan mikrofon.

    Konfigurasikan pengesahan
Vue Room UI Kit
Terminal
npm install @tencentcloud/roomkit-web-vue3@5 tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api
App.vue
<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

Bincangkan aplikasi anda

Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.

Hubungi Bahagian Jualan

Sediakan ruang untuk idea seterusnya

Satukan orang dalam aplikasi anda.