CAPACIDADES DE VUE ROOM
Salas creadas para tu app
Ciclo de vida de la sala
- Crea y únete a salas
- Gestiona salidas y finalizaciones
Conversación en directo
- Conecta el vídeo de participantes
- Controla cámara y micrófono
Experiencia de participantes
- Muestra miembros de la sala
- Refleja cambios de estado de la sala
Identidad de la app
- Conecta tus IDs de usuario
- Autentica con UserSig emitido por el servidor
Integración de plataforma
- Aplicaciones Vue 3
- Respeta permisos nativos o del navegador
Flujo de tu producto
- Conecta salas a tu navegación
- Mantén datos empresariales en tu app
Explora componentes de reunión Vue
Descubre la experiencia de sala y su código.
Un lugar para todos
Monta la vista de reunión con el UI Kit de videoconferencia Vue. Tu app proporciona usuarios autenticados e ID de sala.
<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>Conecta la identidad de tu app
Inicia sesión con ID de app, ID de usuario y UserSig emitido por el servidor. Entra en la sala tras iniciar sesión correctamente.
import { conference } from '@tencentcloud/roomkit-web-vue3';
await conference.login({ sdkAppId: SDKAppID, userId, userSig });
await conference.createAndJoinRoom({
roomId, options: { roomName: 'Studio review' },
});PERSONALIZACIÓN
Dale a la sala la identidad de tu producto
COMENZAR
Pon en marcha tu primera sala
- 01
- 02
- 03
npm install @tencentcloud/roomkit-web-vue3@5 tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>Preguntas frecuentes sobre UI Kit de videoconferencia Vue
¿Qué incluye el UI Kit de videoconferencia Vue?
El UI Kit de videoconferencia Vue ofrece interfaz lista con entrada, vistas de vídeo y controles de participantes. Tu app aporta identidad y flujos empresariales.
¿Cómo integro el UI Kit de videoconferencia Vue?
¿Cómo inician sesión los usuarios en el UI Kit de videoconferencia Vue?
Usa SDKAppID, ID de usuario y UserSig generado en el servidor. Mantén el secreto de app fuera del código web y móvil. Gestiona fallos de autenticación antes de entrar.
¿Puedo personalizar la experiencia de reunión?
Adapta componentes y configuraciones documentados. El código de UI Kit nativo expone vistas y barras de herramientas. Revisa opciones compatibles en la guía de plataforma.
¿Cómo se cobra Room?
¿Sustituye mi sistema de cursos o trabajo?
Tu app sigue gestionando cursos, permisos, pagos y registros empresariales. El componente de reunión añade comunicación en tiempo real.
¿Cómo integro el UI Kit de videoconferencia Vue con Vue?
¿Cómo pruebo el UI Kit de videoconferencia Vue antes de lanzar mi app?
¿Cómo personalizo la interfaz del UI Kit de videoconferencia Vue?
Configura UIKitProvider en tu plantilla de Vue y usa conference de @tencentcloud/roomkit-web-vue3 para las opciones de sala. Por ejemplo, llama a conference.setFeatureConfig({ shareLink: yourRoomUrl }) después de entrar en la sala o crearla, cuando su ID esté disponible. El enlace para compartir predeterminado es la dirección de la página actual. Prioriza estas opciones compatibles; extraer el código fuente del componente para modificarlo deja tu copia fuera del proceso estándar de actualización del paquete.