Camada Web Source
As camadas Web Source permitem incorporar conteúdo da web, HTML personalizado ou widgets externos direto na sua transmissão.
Tipos de conteúdo
Uma web source mostra um endereço da web ou o seu próprio HTML. Você escolhe um dos dois.
Modo URL
Incorpore páginas externas:
- Serviços de alertas para transmissões
- Widgets de redes sociais
- Contadores e feeds ao vivo
- Sobreposições interativas
Modo HTML
Cole o seu próprio HTML:
- Gráficos personalizados
- Elementos animados
- Animações só com CSS
- Exibição de dados
Tamanho fixo
Uma web source renderiza o conteúdo em um tamanho interno fixo, independente do tamanho da camada na cena:
| Configuração | Padrão |
|---|---|
| Fixed size | Ligado |
| Fixed width | 1920 px |
| Fixed height | 1080 px |
Assim o conteúdo fica com a mesma aparência, não importa como você redimensione a camada. Defina a largura e a altura de acordo com o tamanho para o qual o widget ou a página foi feito.
Usos comuns
Alertas de transmissão
- Alertas do StreamLabs
- Widgets do Streamelements
- Sobreposições de chat
- Alertas de doação
Dados ao vivo
- Contagens regressivas
- Placares
- Widgets de previsão do tempo
- Cotações da bolsa
Elementos interativos
- Resultados de enquetes
- Feeds sociais
- Exibição de comentários
- QR codes
Adicionando uma web source
No estúdio
- Clique em Add New Layer (adicionar nova camada)
- Selecione Web Source (fonte da web)
- Digite uma URL ou cole o HTML
- Defina a largura e a altura fixas
Com o assistente de IA
Você pode pedir ao assistente de IA para adicionar uma web source para você. Informe a URL, um nome para a camada e o tamanho que você quer.
Painel de configurações
Configurações da Web Source na barra de ferramentas da camada:
| Configuração | Descrição |
|---|---|
| URL | Endereço externo da web |
| HTML | Código HTML personalizado |
| Fixed Width | Largura do conteúdo em pixels |
| Fixed Height | Altura do conteúdo em pixels |
Limitações
- Incorporação bloqueada - Alguns sites não permitem ser incorporados e não mostram nada
- Autenticação - Sessões logadas não são mantidas
- Interatividade - Você não pode interagir com a página durante a transmissão
- Desempenho - Páginas complexas podem afetar o desempenho
- Atraso - O conteúdo pode aparecer com um pequeno atraso
Fundos transparentes são suportados, então as sobreposições podem ficar por cima das suas outras camadas.
Boas práticas
- Use HTTPS - URLs seguras são recomendadas
- Teste antes de entrar ao vivo - Confira se o conteúdo carrega direito
- Defina as dimensões - Use o mesmo tamanho do conteúdo de origem
- Mantenha simples - Páginas mais leves têm desempenho melhor
- Confira as permissões - Alguns serviços exigem liberação na lista de permitidos