DIBINA UNTUK VUE

UI Kit Panggilan Video Vue

Tambahkan panggilan suara dan video dengan Vue Video Calling UI Kit daripada Tencent RTC. Lekapkan TUICallKit dalam aplikasi Vue anda dan sambungkan kawalan panggilan kepada aliran pengguna sedia ada.

SUMBER PEMBANGUN

Dokumentasi & Contoh UI Kit Panggilan Video Vue

Panggilan video satu dengan satu dalam Vue

Bawa perbualan bersemuka ke dalam aplikasi Vue anda untuk hubungan peribadi atau konsultasi, dengan kawalan video dan panggilan dalam pengalaman yang sama.

Panggilan video kumpulan dalam Vue

Hubungkan beberapa peserta dalam komponen panggilan Vue anda. Gunakan panduan platform untuk mengkonfigurasi aliran panggilan dan susun atur kumpulan yang disokong.

KEUPAYAAN VUE CALL

Ciri Panggilan Video Vue

Hubungkan orang ramai

  • Panggilan suara dan video
  • Pengendalian panggilan masuk

Kekalkan kawalan

  • Kawalan kamera dan mikrofon
  • Peristiwa kitar hayat panggilan

Jadikan ia milik anda

  • Aliran aplikasi anda
  • Integrasi khusus platform

Terokai komponen panggilan video Vue

Hubungkan TUICallKit kepada susun atur komponen anda, kemudian mulakan panggilan melalui tindakan dalam aplikasi.

Antara muka panggilan

Benamkan Antara Muka Panggilan Vue Anda

Lekapkan TUICallKit dalam susun atur komponen anda dan mulakannya dengan pengguna yang telah disahkan. Komponen tersebut menyediakan antara muka dan kawalan panggilan.

Baca dokumentasi
App.vue
<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>

<template>
  <TUICallKit />
</template>

PENYESUAIAN

Sesuaikan UI Kit Panggilan Vue Anda

Sesuaikan komponen panggilan Vue, kawalan dan aliran panggilan masuk mengikut produk anda.

Reka letak & kawalan

Sesuaikan pengalaman panggilan menggunakan pilihan penyesuaian dalam panduan platform anda.

Baca dokumentasi

MULA SEKARANG

Tambahkan panggilan video pada aplikasi Vue anda

  1. 01

    Cipta aplikasi anda

    Aktifkan Call untuk aplikasi dan pengguna ujian anda.

    Buka Konsol Call
  2. 02

    Tambah UI Kit Panggilan Video Vue

    Ikuti panduan platform untuk menyambungkan projek anda.

    Ikuti Panduan Integrasi
  3. 03

    Buat panggilan pertama anda

    Daftar masuk sebagai dua pengguna ujian, kemudian buat dan jawab panggilan.

    Konfigurasikan pengesahan
Vue Call UI Kit
Terminal
npm install @trtc/calls-uikit-vue
App.vue
import { TUICallKitAPI } from '@trtc/calls-uikit-vue';

await TUICallKitAPI.init({ SDKAppID, userID, userSig });

Soalan Lazim UI Kit Panggilan Video Vue

Apakah yang disertakan dalam Vue Video Calling UI Kit?

UI Kit panggilan video Vue menyediakan skrin TUICallKit dan kawalan panggilan. Sambungkannya kepada identiti pengguna dan reka letak komponen anda; perkhidmatan Call akan menghubungkan peserta.

Patutkah saya menggunakan SDK panggilan Vue atau UI Kit?

UI Kit menyediakan komponen antara muka di atas perkhidmatan asas. Pilih SDK apabila anda memerlukan lebih banyak kawalan ke atas UI aplikasi anda sendiri.

Apakah yang diperlukan untuk panggilan video Vue dalam pelayar?

Mulakan TUICallKit untuk pengguna yang disahkan dengan perkhidmatan Call didayakan. Gunakan HTTPS atau localhost dan kendalikan kebenaran kamera, mikrofon dan main balik pelayar.

Bagaimanakah cara mengesahkan pengguna Vue Video Calling UI Kit?

Cipta UserSig pada pelayan anda dan hantarkannya kepada klien selepas aliran log masuk anda sendiri selesai. Sentiasa simpan rahsia aplikasi pada pelayan anda.

Adakah UI Kit Panggilan Video Vue boleh digunakan secara percuma?

Antara muka dan perkhidmatan Call yang dihoskan mempunyai peranan yang berbeza. Aktifkan perkhidmatan untuk aplikasi anda dan semak pelan semasa, ketersediaan ciri serta caj penggunaan.

Bagaimanakah saya mengintegrasikan UI Kit Panggilan 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.

Bagaimanakah saya menguji UI Kit Panggilan Video Vue sebelum melancarkan aplikasi saya?

Uji keadaan jemputan, terima, tolak dan tamat panggilan antara pengguna berasingan, termasuk penolakan kebenaran.

Bagaimanakah saya menyesuaikan antara muka UI Kit Panggilan Video Vue?

Gunakan TUICallKitAPI daripada @trtc/calls-uikit-vue untuk menetapkan latar belakang semasa kamera dimatikan dengan setLocalViewBackgroundImage dan setRemoteViewBackgroundImage. Latar belakang ini muncul untuk panggilan suara atau apabila video dimatikan. Untuk SVG butang tersuai, aliran kerja salinan kod sumber yang didokumenkan memerlukan Vue 3 dengan TypeScript serta versi 3.2.2 atau lebih baharu. Kemas kini import supaya merujuk salinan komponen setempat anda dan selenggara perubahannya semasa naik taraf.

Sokongan integrasi untuk Vue Call

Bincangkan aplikasi anda

Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.

Hubungi Bahagian Jualan

Bawa panggilan video ke aplikasi Vue anda

Mulakan dengan Vue Video Calling UI Kit, hubungkan dua pengguna ujian dan bina panggilan pertama anda.