CRIADO PARA WEB
SDK de streaming ao vivo para Web
Crie transmissões no navegador com o Web Live Streaming SDK for Vue 3 da Tencent RTC. Combine APIs de sala e visualizações de vídeo do AtomicXCore com sua própria interface para apresentadores e público.
RECURSOS PARA DESENVOLVEDORES
Documentação e exemplos de SDK de streaming ao vivo para Web
Guias de integração
Instale SDK de streaming ao vivo para Web e ligue os seus utilizadores.
Exemplos e código-fonte
Veja o produto em ação e descubra como ele foi implementado.
Demonstrações de produtos ao vivo na Web
Permita que os espectadores acompanhem a demonstração de produto de um criador e participem da conversa. Seu aplicativo gerencia o catálogo e a experiência de compra.
Visualização de eventos ao vivo na Web
Leve uma apresentação e seu público para a sua aplicação Web. Conecte a tela de visualização à sala para que as pessoas possam acompanhar o evento ao vivo.
RECURSOS DE WEB LIVE
Recursos de transmissão ao vivo para Web
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 as APIs de transmissão ao vivo para Web
Conecte as visualizações de vídeo e o estado da sala do AtomicXCore às interfaces Web do anfitrião e do público.
Adicione uma visualização de vídeo ao vivo na Web
Insira a visualização de vídeo do AtomicXCore no seu layout Web. Vincule-a ao estado da sala enquanto seu aplicativo fornece os controles e a navegação ao redor.
Leia a documentação<script setup>
import { StreamMixer } from "tuikit-atomicx-vue3";
</script>
<template><StreamMixer /></template>Comece a transmitir ao vivo na Web
Autentique o anfitrião, prepare o áudio e o vídeo locais e crie a sala ao vivo. Use o mesmo ID de sala para a visualização de mídia e o ciclo de vida da sala.
Leia a documentaçãoimport { useLiveListState } from 'tuikit-atomicx-vue3';
const { createLive } = useLiveListState();
await createLive({ liveId, liveName: 'Studio sessions' });Leve os espectadores para dentro do momento
Use o mesmo ID de sala para conectar o seu público.
Leia a documentaçãoimport { useLiveListState } from 'tuikit-atomicx-vue3';
const { joinLive } = useLiveListState();
await joinLive({ liveId });PERSONALIZAÇÃO
Personalize sua interface Web Live
Organize o vídeo, as interações do público e a navegação em torno da experiência ao vivo no seu aplicativo Web.
Seu layout
Crie sua interface em torno da tela principal de vídeo e do estado da sala.
Leia a documentaçãoInterações do público
Amplie a sala com as APIs de audiência e interação disponíveis na sua plataforma.
Leia a documentaçãoCOMECE AGORA
Adicione transmissão ao vivo à sua aplicação Web
- 01
- 02
Adicione SDK de streaming ao vivo para Web
Siga o guia da plataforma para conectar seu projeto.
Siga o Guia de Integração - 03
Conecte-se à sua primeira sala
Use uma conta para transmitir e outra para assistir.
Configure a autenticação
npm install tuikit-atomicx-vue3import { useLoginState } from 'tuikit-atomicx-vue3';
const { login } = useLoginState();
await login({ sdkAppId: SDKAppID, userId: userID, userSig });Perguntas frequentes sobre SDK de streaming ao vivo para Web
O Web Live Streaming SDK inclui uma visualização de vídeo?
O Web Live Streaming SDK inclui visualizações de vídeo e APIs de estado da sala do AtomicXCore. Seu aplicativo fornece as interfaces do apresentador e do público em torno dessas visualizações; escolha o TUILiveKit para usar telas prontas.
Como este SDK funciona com o UI Kit?
Use as APIs do SDK para criar sua própria interface. Escolha o UI Kit se quiser telas e controles prontos para uso.
Qual framework Web esta integração utiliza?
O guia do Core SDK vinculado usa tuikit-atomicx-vue3. Para uma experiência pronta para espectadores em React, use o React Live UI Kit.
Como autenticar usuários do Web Live Streaming SDK?
Crie um UserSig em seu servidor e envie-o ao cliente após a conclusão do seu próprio fluxo de login. Mantenha sempre o segredo do aplicativo no servidor.
O Web Live Streaming SDK é gratuito?
A interface e o serviço Live hospedado desempenham funções diferentes. Ative o serviço para seu aplicativo e consulte o plano atual, a disponibilidade dos recursos e as cobranças de uso.
Como integro SDK de transmissão em direto Web com uma aplicação de navegador?
Siga a configuração do navegador e os requisitos de ambiente compatível. Teste permissões usadas, navegação e liberação de recursos nos navegadores que pretende atender.
Como testo SDK de transmissão em direto Web antes de lançar a minha aplicação?
Teste papéis de anfitrião e espectador, eventos compatíveis de publicação ou reprodução e reconexão.
Como personalizo a interface de SDK de transmissão em direto Web?
Use APIs compatíveis de anfitrião e espectador na sua interface. O app gerencia comércio, ingressos e direitos de reprodução.
Suporte à integração de Web Live
Dúvidas sobre integração
Obtenha ajuda para configurar SDK de streaming ao vivo para Web.
Ver a documentação para desenvolvedoresConverse sobre seu aplicativo
Converse sobre seu produto, uso esperado e necessidades de integração.
Entre em contato com a equipe de vendasLeve o streaming ao vivo ao seu aplicativo Web
Conecte criadores e públicos com o Web Live Streaming SDK e seus guias de plataforma.

