Guia
Configurações da fonte de navegador do OBS explicadas
Quase todo widget de overlay, alert box e tela de stream animada roda dentro de uma fonte de navegador do OBS. A janela de configurações é curta, mas cada opção muda o comportamento do seu overlay.
Resposta rápida
Defina Largura (Width) e Altura (Height) com o tamanho para o qual o widget foi feito (normalmente 1920×1080 para um overlay completo), marque Arquivo local (Local file) só para arquivos HTML no seu computador, mantenha o Custom CSS padrão para o fundo transparente e deixe Shutdown source when not visible desligado para chat e alertas.
Todas as configurações, em ordem
| Configuração | O que faz | Recomendado |
|---|---|---|
| Arquivo local (Local file) | Carrega um arquivo HTML do seu computador em vez de um endereço da web | Ligado para telas de stream e widgets baixados; desligado para URLs do StreamElements e do Streamlabs |
| URL | O endereço da web que a fonte mostra | Cole a URL do seu overlay ou widget |
| Largura / Altura (Width / Height) | O tamanho com que a fonte renderiza a página (padrão 800×600) | O tamanho para o qual o widget foi feito. Overlays e telas completos: 1920×1080 |
| Use custom frame rate | Renderiza a página com uma taxa de quadros própria (padrão 30 quando ligado) | Desligado, a menos que você queira uma animação em 60 fps para combinar com uma live em 60 fps |
| Control audio via OBS | Envia o som da página para o Mixer de Áudio do OBS | Ligado para alertas com som, para você poder ajustar o volume e monitorar |
| Custom CSS | Estilos adicionados à página. O padrão deixa o fundo transparente, remove margens e esconde barras de rolagem | Mantenha o padrão. Acrescente coisas, não apague |
| Shutdown source when not visible | Descarrega a página quando a fonte está escondida ou a cena dela não está ativa | Desligado para chat, alertas e timers. Ligado para telas pesadas em cenas que você quase não usa |
| Refresh browser when scene becomes active | Recarrega a página toda vez que você troca para a cena dela | Ligado para Starting Soon, Be Right Back e telas de encerramento que devem começar do início |
| Page permissions | Deixa a página ler ou controlar o OBS | O padrão, a menos que o guia de um widget peça mais |
| Refresh cache of current page | Um botão que recarrega a página e seus arquivos | Use depois de mudar as configurações ou os arquivos de um widget |
Largura e altura vs redimensionar
Largura e Altura definem o tamanho com que a página é desenhada. Arrastar a caixa vermelha no canvas só estica a imagem final. Se um widget estiver borrado, a Largura e a Altura dele estão pequenas demais: defina o tamanho real nas propriedades e depois redimensione no canvas só um pouco.
Interagindo com uma página
Clique com o botão direito em uma fonte de navegador e escolha Interact para clicar dentro dela, por exemplo para apertar um botão de um widget ou fazer login em uma página. Feche a janela quando terminar.
Aceleração de hardware
Overlays animados e em 3D renderizam mais rápido na placa de vídeo. A opção é Enable Browser Source Hardware Acceleration em Configurações › Avançado › Fontes (Settings › Advanced › Sources), e vem ligada por padrão. Se uma fonte não mostra nada, desligar e ligar essa opção de novo e reiniciar o OBS é uma correção comum.
