CAPACIDADES DE VUE LIVE
Funciones de streaming en vivo para Vue
Iniciar directo
- Roles de anfitrión y audiencia
- Gestión del ciclo de vida de la sala
Une a las personas
- Reproducción de vídeo en directo
- Participación de la audiencia
Hazlo tuyo
- Diseño flexible de la aplicación
- Componentes específicos para cada plataforma
Explora Vue Live Streaming Components
Conecta la vista del anfitrión, la vista del público y la lista de salas en vivo con la navegación de tu aplicación.
Ofrezca a los creadores un punto de partida
Añade la pantalla de preparación del anfitrión en Vue para que los creadores previsualicen la cámara antes de emitir. Conecta la pantalla con la cuenta autenticada del anfitrión.
<script setup>
import { StreamMixer, LiveScenePanel } from "tuikit-atomicx-vue3";
</script>
<template>
<LiveScenePanel />
<StreamMixer />
</template>Integra la experiencia de visualización en tu aplicación
Abre la vista de audiencia en Vue con la sala en directo seleccionada. Conecta la entrada y la salida de la sala con la navegación de tu aplicación.
<script setup>
import { LiveCoreView, BarrageList, BarrageInput }
from "tuikit-atomicx-vue3";
</script>
<template>
<LiveCoreView />
<BarrageList />
<BarrageInput />
</template>PERSONALIZACIÓN
Personaliza tu Vue Live UI Kit
Organiza el vídeo, las interacciones de la audiencia y la navegación en torno a la experiencia en vivo de tu aplicación Vue.
COMENZAR
Añade transmisión en directo a tu aplicación Vue
- 01
- 02
- 03
npm install tuikit-atomicx-vue3 \
@tencentcloud/uikit-base-component-vue3import { useLoginState } from 'tuikit-atomicx-vue3';
const { login } = useLoginState();
await login({ sdkAppId: SDKAppID, userId: userID, userSig });Preguntas frecuentes sobre UI Kit de streaming en directo para Vue
¿Qué puedo crear con Vue Live UI Kit?
El UI Kit de streaming en vivo para Vue incluye interfaces de anfitrión, audiencia y lista de salas. Conecta estos componentes TUILiveKit con las cuentas de usuario y la navegación de Vue para crear un flujo de visualización completo.
¿Cómo se integra este UI Kit con el SDK?
¿Cómo conecto a un espectador de streaming en vivo en Vue con una emisión?
¿Cómo autentico a los usuarios de Vue Live Streaming UI Kit?
¿El Vue Live Streaming UI Kit es gratuito?
¿Cómo integro UI Kit de transmisión en directo Vue con Vue?
¿Cómo pruebo UI Kit de transmisión en directo Vue antes de publicar mi aplicación?
¿Cómo personalizo la interfaz de UI Kit de transmisión en directo Vue?
Usa useLiveListState de tuikit-atomicx-vue3 para configurar el diseño del presentador antes de emitir. Por ejemplo, updateLiveInfo({ layoutTemplate: 200 }) selecciona el diseño horizontal; la plantilla 600 selecciona la cuadrícula dinámica vertical. La orientación de la emisión debe elegirse antes de iniciar el directo y no puede cambiarse durante la sesión. Mantén la vista previa y los controles del presentador alineados con la plantilla seleccionada, en lugar de cambiar solo la relación de aspecto en CSS.