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

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.

Canvas de vídeo

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
LiveRoom.vue
<script setup>
import { StreamMixer } from "tuikit-atomicx-vue3";
</script>

<template><StreamMixer /></template>

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ção

COMECE AGORA

Adicione transmissão ao vivo à sua aplicação Web

  1. 01

    Crie seu app

    Ative Live para a aplicação e os utilizadores de teste.

    Abrir a consola de Live
  2. 02

    Adicione SDK de streaming ao vivo para Web

    Siga o guia da plataforma para conectar seu projeto.

    Siga o Guia de Integração
  3. 03

    Conecte-se à sua primeira sala

    Use uma conta para transmitir e outra para assistir.

    Configure a autenticação
Web Live SDK
Terminal
npm install tuikit-atomicx-vue3
LiveRoom.vue
import { 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

Leve o streaming ao vivo ao seu aplicativo Web

Conecte criadores e públicos com o Web Live Streaming SDK e seus guias de plataforma.