RECURSOS DE VUE LIVE
Recursos de transmissão ao vivo para Vue
Iniciar transmissão ao vivo
- Funções de anfitrião e público
- Gerenciamento do ciclo de vida da sala
Aproxime as pessoas
- Reprodução de vídeo ao vivo
- Participação do público
Deixe com a sua cara
- Layout flexível do aplicativo
- Blocos de construção específicos para cada plataforma
Explore o Vue Live Streaming Components
Conecte a visualização do anfitrião, a visualização do público e a lista de salas ao vivo à navegação do seu aplicativo.
Ofereça aos criadores um ponto de partida
Adicione a tela de preparação do anfitrião em Vue para que os criadores visualizem a câmera antes da transmissão. Conecte a tela à conta autenticada do anfitrião.
<script setup>
import { StreamMixer, LiveScenePanel } from "tuikit-atomicx-vue3";
</script>
<template>
<LiveScenePanel />
<StreamMixer />
</template>Integre a experiência de visualização ao seu aplicativo
Abra a visualização do público em Vue com a sala ao vivo selecionada. Conecte a entrada e a saída da sala à navegação da sua aplicação.
<script setup>
import { LiveCoreView, BarrageList, BarrageInput }
from "tuikit-atomicx-vue3";
</script>
<template>
<LiveCoreView />
<BarrageList />
<BarrageInput />
</template>PERSONALIZAÇÃO
Personalize seu Vue Live UI Kit
Organize o vídeo, as interações do público e a navegação em torno da experiência ao vivo no seu aplicativo Vue.
COMECE AGORA
Adicione transmissão ao vivo ao seu aplicativo 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 });Perguntas frequentes sobre UI Kit de streaming ao vivo para Vue
O que posso criar com o Vue Live UI Kit?
O UI Kit de streaming ao vivo para Vue inclui interfaces de anfitrião, audiência e lista de salas. Conecte esses componentes TUILiveKit às contas dos usuários e à navegação Vue para criar uma jornada completa de visualização.
Como este UI Kit funciona com o SDK?
Como conecto um espectador de transmissão ao vivo em Vue a uma emissão?
Como autentico os usuários do Vue Live Streaming UI Kit?
O Vue Live Streaming UI Kit é gratuito?
Como integro UI Kit de transmissão em direto Vue com Vue?
Como testo UI Kit de transmissão em direto Vue antes de lançar a minha aplicação?
Como personalizo a interface de UI Kit de transmissão em direto Vue?
Use useLiveListState de tuikit-atomicx-vue3 para configurar o layout do apresentador antes da transmissão. Por exemplo, updateLiveInfo({ layoutTemplate: 200 }) seleciona o layout horizontal; o template 600 seleciona a grade dinâmica vertical. A orientação da transmissão precisa ser escolhida antes de entrar ao vivo e não pode ser alterada durante a sessão. Mantenha a prévia e os controles do apresentador alinhados ao template selecionado, em vez de alterar apenas a proporção no CSS.