CREADO PARA VUE

UI Kit de videollamadas para Vue

Añade llamadas de voz y vídeo con Vue Video Calling UI Kit de Tencent RTC. Monta TUICallKit en tu aplicación Vue y conecta los controles de llamada con el flujo de usuario existente.

RECURSOS PARA DESARROLLADORES

Documentación y ejemplos de UI Kit de videollamadas para Vue

Videollamadas individuales en Vue

Incorpora conversaciones cara a cara a tu aplicación Vue para conexiones personales o consultas, con controles de vídeo y llamada en una misma experiencia.

Videollamadas grupales en Vue

Conecte a varios participantes en su componente de llamadas Vue. Use la guía de la plataforma para configurar el flujo de llamadas y el diseño de grupo compatible.

CAPACIDADES DE VUE CALL

Funciones de videollamadas para Vue

Conecte a las personas

  • Llamadas de voz y vídeo
  • Gestión de llamadas entrantes

Mantén el control

  • Controles de cámara y micrófono
  • Eventos del ciclo de vida de la llamada

Hazlo tuyo

  • Flujo de tu aplicación
  • Integración específica de la plataforma

Explora los componentes de videollamadas para Vue

Conecta TUICallKit al diseño de tus componentes e inicia llamadas mediante acciones de tu aplicación.

Interfaz de llamada

Integra tu interfaz de llamadas para Vue

Monta TUICallKit en el diseño de tu componente e inicialízalo con el usuario autenticado. El componente proporciona la interfaz y los controles de llamada.

Leer la documentación
App.vue
<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>

<template>
  <TUICallKit />
</template>

PERSONALIZACIÓN

Personaliza tu UI Kit de llamadas en Vue

Adapta el componente de llamada Vue, los controles y el flujo de llamadas entrantes a tu producto.

Disposición y controles

Adapta la experiencia de llamada mediante las opciones de personalización de la guía de tu plataforma.

Leer la documentación

COMENZAR

Añade videollamadas a tu aplicación Vue

  1. 01

    Crea tu app

    Activa Call para la aplicación y los usuarios de prueba.

    Abrir la consola de Call
  2. 02

    Añade UI Kit de videollamadas para Vue

    Sigue la guía de la plataforma para conectar tu proyecto.

    Sigue la Guía de integración
  3. 03

    Haz tu primera llamada

    Inicie sesión con dos usuarios de prueba y, a continuación, realice y responda una llamada.

    Configura la autenticación
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 });

Preguntas frecuentes sobre UI Kit de videollamadas para Vue

¿Qué incluye el Vue Video Calling UI Kit?

El UI Kit de videollamadas para Vue proporciona pantallas de TUICallKit y controles de llamada. Conéctelo con la identidad de sus usuarios y el diseño de los componentes; el servicio Call conecta a los participantes.

¿Debo usar un SDK de llamadas para Vue o un UI Kit?

El UI Kit proporciona componentes de interfaz sobre el servicio subyacente. Elige el SDK cuando necesites un mayor control sobre la UI de tu propia aplicación.

¿Qué necesitan las videollamadas con Vue en el navegador?

Inicializa TUICallKit para usuarios autenticados que tengan activado el servicio Call. Usa HTTPS o localhost y gestiona los permisos de cámara, micrófono y reproducción del navegador.

¿Cómo autentico a los usuarios de Vue Video Calling UI Kit?

Cree un UserSig en su servidor y páselo al cliente después de completar su propio flujo de inicio de sesión. Mantenga siempre el secreto de la aplicación en el servidor.

¿El UI Kit de videollamadas para Vue se puede usar gratis?

La interfaz y el servicio Call alojado cumplen funciones diferentes. Activa el servicio para tu aplicación y revisa el plan actual, la disponibilidad de funciones y los cargos por uso.

¿Cómo integro UI Kit de videollamadas Vue con Vue?

Usa la integración Vue y las APIs de componentes documentadas. Inicializa el servicio antes de la vista conectada y elimina los listeners o libera recursos cuando la vista se desmonte.

¿Cómo pruebo UI Kit de videollamadas Vue antes de publicar mi aplicación?

Prueba los estados de invitación, aceptación, rechazo y fin de llamada entre usuarios independientes, incluida la denegación de permisos.

¿Cómo personalizo la interfaz de UI Kit de videollamadas Vue?

Usa TUICallKitAPI de @trtc/calls-uikit-vue para definir los fondos de cámara desactivada con setLocalViewBackgroundImage y setRemoteViewBackgroundImage. Estos fondos se muestran en llamadas de voz o cuando el vídeo está desactivado. Para personalizar los SVG de los botones, el flujo documentado de copia del código fuente requiere Vue 3 con TypeScript y la versión 3.2.2 o posterior. Actualiza las importaciones para utilizar tu copia local del componente y mantén sus cambios al actualizar.

Soporte de integración para Vue Call

Habla sobre tu aplicación

Conversa sobre tu producto, el uso previsto y tus necesidades de integración.

Contactar con Ventas

Incorpora videollamadas en tu aplicación Vue

Comience con el Vue Video Calling UI Kit, conecte a dos usuarios de prueba y cree su primera llamada.