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
Guias de integração
Instale UI Kit de streaming ao vivo para Electron e ligue os seus utilizadores.
Exemplos e código-fonte
Veja o produto em ação e descubra como ele foi implementado.
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.
Comece pelo estúdio oficial
Use o exemplo do Electron como base para um fluxo de transmissão em desktop.
Leia a documentaçãogit clone https://github.com/Tencent-RTC/ultra-live-electron.gitLeve o estúdio para seu desktop
Instale as dependências do projeto antes de configurar seu aplicativo.
Leia a documentaçãocd ultra-live-electron
npm installPré-visualize antes de transmitir
Inicie o aplicativo configurado, adicione suas fontes e escolha um layout.
Leia a documentaçãonpm run startPERSONALIZAÇÃ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çãoComentários e conteúdo
Organize as fontes de câmera, tela, janela e imagem para sua transmissão.
Leia a documentaçãoCOMECE AGORA
Crie seu estúdio de streaming ao vivo com Electron
- 01
- 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 - 03
Conecte-se à sua primeira sala
Configure o exemplo, adicione uma fonte e visualize sua transmissão.
Configure a autenticação
git clone https://github.com/Tencent-RTC/ultra-live-electron.gitcd ultra-live-electron
npm install
npm run startPerguntas 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
Dúvidas sobre integração
Obtenha ajuda para configurar UI Kit de streaming ao vivo para Electron.
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 vendasCrie seu estúdio de transmissão com Electron
Comece com o projeto Electron Live Streaming UI Kit e prepare sua primeira transmissão.

