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
Guías de integración
Instala UI Kit de videollamadas para Vue y conecta a tus usuarios.
Ejemplos y código fuente
Mira el producto en acción y descubre cómo se ha implementado.
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.
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<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>
<template>
<TUICallKit />
</template>Inicia una videollamada en Vue
Pasa el ID del destinatario desde tu aplicación a la API de llamadas. Vincula esta acción a un contacto, una conversación o un botón de llamada en tu interfaz de Vue.
Leer la documentaciónimport { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-vue';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});Ventana flotante
Mantén la conversación visible mientras los usuarios navegan por tu aplicación.
Leer la documentaciónTUICallKitAPI.enableFloatWindow(true);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ónTono e identidad
Haz que las llamadas entrantes sean fáciles de identificar mediante perfiles de usuario y un tono personalizado.
Leer la documentaciónCOMENZAR
Añade videollamadas a tu aplicación Vue
- 01
- 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 - 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
npm install @trtc/calls-uikit-vueimport { 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
Preguntas sobre la integración
Obtén ayuda para configurar UI Kit de videollamadas para Vue.
Ver la documentación para desarrolladoresHabla sobre tu aplicación
Conversa sobre tu producto, el uso previsto y tus necesidades de integración.
Contactar con VentasIncorpora 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.

