CRIADO PARA ELECTRON

UI Kit de streaming ao vivo para Electron

Crie um estúdio de transmissão para desktop com o Electron Live Streaming UI Kit da Tencent RTC. Organize as fontes de câmera, tela e imagem, visualize o layout e inicie a transmissão.

RECURSOS PARA DESENVOLVEDORES

Documentação e exemplos de UI Kit de streaming ao vivo para Electron

Produza eventos ao vivo com Electron

Combine fontes de câmera e tela em uma prévia no desktop. Prepare o layout da apresentação ao vivo antes de iniciar a transmissão.

Conecte seu estúdio ao público na Web

Combine o estúdio de transmissão para desktop com uma implementação para o público. Mantenha os controles de produção no desktop e os controles de visualização no aplicativo do público.

RECURSOS DE ELECTRON LIVE

Recursos de transmissão ao vivo no Electron

Crie o cenário

  • Fontes de câmera e tela
  • Entradas de imagem e janela

Prepare o programa

  • Visualize antes de transmitir
  • Organize os layouts das fontes

Iniciar transmissão ao vivo

  • Fluxo de produção para desktop
  • Conecte um cliente para o público

Explore o Electron Live Studio

Prepare uma transmissão pelo computador com fontes de mídia, layouts de cena e uma prévia antes de entrar ao vivo.

Projeto Studio

Comece pelo estúdio oficial

Use o exemplo do Electron como base para um fluxo de transmissão em desktop.

Leia a documentação
Terminal
git clone https://github.com/Tencent-RTC/ultra-live-electron.git

PERSONALIZAÇÃO

Personalize seu estúdio de transmissão em Electron

Organize as fontes de câmera, tela e imagem no layout para desktop de que sua transmissão precisa.

Sua identidade visual

Ajuste a apresentação visual usando as opções de personalização disponíveis na sua plataforma.

Leia a documentação

COMECE AGORA

Crie seu estúdio de streaming ao vivo com Electron

  1. 01

    Crie seu app

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

    Abrir a consola de Live
  2. 02

    Adicione UI Kit de streaming ao vivo para Electron

    Siga o guia da plataforma para conectar seu projeto.

    Siga o Guia de Integração
  3. 03

    Conecte-se à sua primeira sala

    Configure o exemplo, adicione uma fonte e visualize sua transmissão.

    Configure a autenticação
Electron Live UI Kit
Terminal
git clone https://github.com/Tencent-RTC/ultra-live-electron.git
Terminal
cd ultra-live-electron
npm install
npm run start

Perguntas frequentes sobre UI Kit de streaming ao vivo para Electron

O Electron Live Streaming UI Kit é um aplicativo para espectadores ou um estúdio de transmissão?

O Electron Live Streaming UI Kit é um estúdio de transmissão para desktop com várias fontes de mídia e controles de layout. Combine-o com uma implementação para o público assistir à transmissão ao vivo resultante.

Do que preciso antes de experimentar a interface?

Ative o serviço Live e entre com um UserSig válido. Conclua as etapas do guia da plataforma, incluindo permissões nativas ou requisitos de HTTPS do navegador, e teste com contas separadas de anfitrião e audiência.

Como autenticar usuários do Electron Live Streaming UI Kit?

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 Electron Live Streaming UI Kit é 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 UI Kit de transmissão em direto Electron com Electron?

Siga requisitos do pacote desktop e dependências nativas. Teste acesso a dispositivos, mudanças de janela e liberação de recursos no app empacotado.

Como testo UI Kit de transmissão em direto Electron 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 UI Kit de transmissão em direto Electron?

Personalize o código-fonte do estúdio desktop ultra-live-electron e a disposição de suas fontes de mídia. Por exemplo, posicione uma captura de tela atrás de uma imagem menor da câmera e depois mova, redimensione, gire ou reordene as fontes pelos controles do estúdio. O demo documentado é compatível com Windows 10 ou posterior e oferece apenas transmissão. Desenvolva ou integre a experiência do espectador separadamente; as props de tema dos UI Kits de navegador React ou Vue não configuram este exemplo Electron.

Suporte à integração de Electron Live

Crie seu estúdio de transmissão com Electron

Comece com o projeto Electron Live Streaming UI Kit e prepare sua primeira transmissão.