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
Panduan Integrasi
Pasang UI Kit Panggilan Video Vue dan sambungkan pengguna anda.
Contoh & Sumber
Lihat produk ini beroperasi dan terokai cara pelaksanaannya.
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.
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<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>
<template>
<TUICallKit />
</template>Mulakan Panggilan Video dalam Vue
Hantar ID penerima daripada aplikasi anda kepada API panggilan. Sambungkan tindakan ini kepada kenalan, perbualan atau butang panggilan dalam antara muka Vue anda.
Baca dokumentasiimport { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-vue';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});Tetingkap terapung
Pastikan perbualan kekal kelihatan semasa pengguna menavigasi aplikasi anda.
Baca dokumentasiTUICallKitAPI.enableFloatWindow(true);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 dokumentasiNada dering & identiti
Jadikan panggilan masuk mudah dikenali dengan profil pengguna dan nada dering tersuai.
Baca dokumentasiMULA SEKARANG
Tambahkan panggilan video pada aplikasi Vue anda
- 01
- 02
Tambah UI Kit Panggilan Video Vue
Ikuti panduan platform untuk menyambungkan projek anda.
Ikuti Panduan Integrasi - 03
Buat panggilan pertama anda
Daftar masuk sebagai dua pengguna ujian, kemudian buat dan jawab panggilan.
Konfigurasikan pengesahan
npm install @trtc/calls-uikit-vueimport { 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
Soalan integrasi
Dapatkan bantuan persediaan untuk UI Kit Panggilan Video Vue.
Lihat Dokumentasi PembangunBincangkan aplikasi anda
Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.
Hubungi Bahagian JualanBawa panggilan video ke aplikasi Vue anda
Mulakan dengan Vue Video Calling UI Kit, hubungkan dua pengguna ujian dan bina panggilan pertama anda.

