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

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.

Antarmuka panggilan

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
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, kontrol, dan alur panggilan masuk dengan produk Anda.

Tata letak & kontrol

Sesuaikan pengalaman panggilan menggunakan opsi penyesuaian dalam panduan platform Anda.

Baca dokumentasi

MULAI

Tambahkan panggilan video ke aplikasi Vue Anda

  1. 01

    Buat aplikasi Anda

    Aktifkan Call untuk aplikasi dan pengguna uji Anda.

    Buka Konsol Call
  2. 02

    Tambahkan UI Kit Panggilan Video Vue

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Mulai panggilan pertama Anda

    Masuk sebagai dua pengguna uji, lalu lakukan dan jawab panggilan.

    Konfigurasikan autentikasi
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 });

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

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Hadirkan panggilan video di aplikasi Vue Anda

Mulai dengan Vue Video Calling UI Kit, hubungkan dua pengguna uji, lalu buat panggilan pertama Anda.