DIBUAT UNTUK VUE
UI Kit Panggilan Video Vue
Tambahkan panggilan suara dan video dengan Vue Video Calling UI Kit dari Tencent RTC. Pasang TUICallKit di aplikasi Vue Anda dan hubungkan kontrol panggilan ke alur pengguna yang sudah ada.
SUMBER DAYA DEVELOPER
Dokumentasi & Contoh UI Kit Panggilan Video Vue
Panduan Integrasi
Instal UI Kit Panggilan Video Vue dan hubungkan pengguna Anda.
Contoh & Source
Lihat produk ini beraksi dan pelajari cara penerapannya.
Panggilan video satu lawan satu di Vue
Hadirkan percakapan tatap muka di aplikasi Vue Anda untuk hubungan pribadi atau konsultasi, dengan kontrol video dan panggilan dalam pengalaman yang sama.
Panggilan video grup di Vue
Hubungkan beberapa peserta dalam komponen panggilan Vue Anda. Gunakan panduan platform untuk mengonfigurasi alur panggilan dan tata letak grup yang didukung.
KEMAMPUAN VUE CALL
Fitur Panggilan Video Vue
Hubungkan orang-orang
- Panggilan suara dan video
- Penanganan panggilan masuk
Tetap pegang kendali
- Kontrol kamera dan mikrofon
- Peristiwa siklus hidup panggilan
Jadikan milik Anda
- Alur aplikasi Anda
- Integrasi khusus platform
Jelajahi komponen panggilan video Vue
Hubungkan TUICallKit ke tata letak komponen Anda, lalu mulai panggilan melalui tindakan dalam aplikasi.
Sematkan Antarmuka Panggilan Vue Anda
Pasang TUICallKit dalam tata letak komponen Anda dan inisialisasikan dengan pengguna yang telah diautentikasi. Komponen ini menyediakan antarmuka dan kontrol panggilan.
Baca dokumentasi<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>
<template>
<TUICallKit />
</template>Mulai Panggilan Video di Vue
Teruskan ID penerima dari aplikasi Anda ke API panggilan. Hubungkan tindakan ini ke kontak, percakapan, atau tombol panggilan di antarmuka Vue Anda.
Baca dokumentasiimport { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-vue';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});Jendela mengambang
Pastikan percakapan tetap terlihat saat pengguna menavigasi aplikasi Anda.
Baca dokumentasiTUICallKitAPI.enableFloatWindow(true);PENYESUAIAN
Sesuaikan UI Kit Panggilan Vue Anda
Sesuaikan komponen panggilan Vue, kontrol, dan alur panggilan masuk dengan produk Anda.
Tata letak & kontrol
Sesuaikan pengalaman panggilan menggunakan opsi penyesuaian dalam panduan platform Anda.
Baca dokumentasiNada dering & identitas
Jadikan panggilan masuk mudah dikenali dengan profil pengguna dan nada dering khusus.
Baca dokumentasiMULAI
Tambahkan panggilan video ke aplikasi Vue Anda
- 01
- 02
Tambahkan UI Kit Panggilan Video Vue
Ikuti panduan platform untuk menghubungkan proyek Anda.
Ikuti Panduan Integrasi - 03
Mulai panggilan pertama Anda
Masuk sebagai dua pengguna uji, lalu lakukan dan jawab panggilan.
Konfigurasikan autentikasi
npm install @trtc/calls-uikit-vueimport { TUICallKitAPI } from '@trtc/calls-uikit-vue';
await TUICallKitAPI.init({ SDKAppID, userID, userSig });FAQ UI Kit Panggilan Video Vue
Apa saja yang disertakan dalam Vue Video Calling UI Kit?
UI Kit panggilan video Vue menyediakan layar TUICallKit dan kontrol panggilan. Hubungkan ke identitas pengguna dan tata letak komponen Anda; layanan Call akan menghubungkan peserta.
Haruskah saya menggunakan SDK panggilan Vue atau UI Kit?
UI Kit menyediakan komponen antarmuka di atas layanan yang mendasarinya. Pilih SDK jika Anda memerlukan kontrol lebih besar atas UI aplikasi Anda sendiri.
Apa yang diperlukan untuk panggilan video Vue di browser?
Inisialisasi TUICallKit untuk pengguna terautentikasi dengan layanan Call yang telah diaktifkan. Gunakan HTTPS atau localhost dan tangani izin kamera, mikrofon, serta pemutaran browser.
Bagaimana cara mengautentikasi pengguna Vue Video Calling UI Kit?
Buat UserSig di server Anda dan teruskan ke klien setelah alur login Anda sendiri selesai. Selalu simpan rahasia aplikasi di server Anda.
Apakah UI Kit Panggilan Video Vue dapat digunakan secara gratis?
Antarmuka dan layanan Call yang di-host memiliki peran berbeda. Aktifkan layanan untuk aplikasi Anda, lalu tinjau paket saat ini, ketersediaan fitur, dan biaya penggunaan.
Bagaimana cara mengintegrasikan UI Kit Panggilan Video Vue dengan Vue?
Gunakan integrasi Vue dan API komponen sesuai dokumentasi. Inisialisasi layanan sebelum tampilan terhubung, lalu hapus listener atau lepaskan sumber daya ketika tampilan di-unmount.
Bagaimana cara menguji UI Kit Panggilan Video Vue sebelum merilis aplikasi?
Uji status undangan, menerima, menolak, dan mengakhiri panggilan antara pengguna terpisah, termasuk penolakan izin.
Bagaimana cara menyesuaikan antarmuka UI Kit Panggilan Video Vue?
Gunakan TUICallKitAPI dari @trtc/calls-uikit-vue untuk mengatur latar belakang saat kamera nonaktif dengan setLocalViewBackgroundImage dan setRemoteViewBackgroundImage. Latar belakang ini muncul saat panggilan suara atau ketika video dimatikan. Untuk SVG tombol kustom, alur penyalinan kode sumber yang didokumentasikan memerlukan Vue 3 dengan TypeScript serta versi 3.2.2 atau lebih baru. Perbarui impor agar mengarah ke salinan komponen lokal Anda dan pelihara perubahannya saat melakukan upgrade.
Dukungan integrasi untuk Vue Call
Pertanyaan integrasi
Dapatkan bantuan penyiapan untuk UI Kit Panggilan Video Vue.
Lihat Dokumentasi PengembangDiskusikan aplikasi Anda
Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.
Hubungi Tim PenjualanHadirkan panggilan video di aplikasi Vue Anda
Mulai dengan Vue Video Calling UI Kit, hubungkan dua pengguna uji, lalu buat panggilan pertama Anda.

