Como colocar um overlay de chat no OBS

Passo a passo

1. Crie um widget de chat box

   No StreamElements, adicione um widget Chat box a um overlay e salve. No Streamlabs, abra All widgets › Chat Box.

2. Copie a URL

   StreamElements: copie a URL do overlay com o ícone de link. Streamlabs: copie a Widget URL na página do Chat Box.

3. Adicione ao OBS

   No painel Fontes (Sources), clique em +, escolha Navegador (Browser), dê um nome e clique em OK. Cole a URL. Para um overlay do StreamElements, use o tamanho do overlay (1920×1080); para um chat box do Streamlabs, cerca de 400 de largura por 600 de altura funciona bem em uma coluna lateral.

4. Posicione e teste

   Arraste o chat para um lugar onde ele não cubra o HUD do jogo, depois mande uma mensagem no seu próprio chat para ver se ela aparece.

Deixe o chat legível

• Dê às mensagens um fundo sólido ou um contorno forte. Texto branco simples some em jogos claros.
• Use fonte de pelo menos 20 px em um canvas 1080p para o texto sobreviver à compressão da live.
• Esconda mensagens de bots e comandos, se o seu widget de chat tiver essa opção, para a caixa mostrar gente e não bots.

Por que não capturar o chat pop-out da Twitch?

Dá para fazer, mas ele traz junto a interface da Twitch (barras de rolagem, botões, fundo sólido). Um widget de chat dá fundo transparente, cargos (roles) e o seu próprio estilo.