Stream Overlay para OBS: contadores, widgets e controle pelo chat

Um bom stream overlay não é um monte de plugins separados, mas uma cena organizada sobre o seu jogo: contadores, eventos do chat, um cronômetro e widgets em um único estilo. Vamos ver como montar esse overlay para OBS, contar mortes e vitórias direto do chat e gerar uma arte que combina com a sua marca.

O que um stream overlay deve fazer

Antes de montar a cena, tenha em mente uma lista rápida. Um overlay prático deve:

• ser adicionado ao OBS como uma única fonte, não uma dezena;

• ter fundo transparente e se atualizar sozinho, sem recarregar;

• mostrar contadores de jogo (mortes, vitórias, kills);

• ser controlado direto do chat por um moderador;

• ter a cara da sua marca.

Um overlay em vez de muitas fontes

Na nossa plataforma o overlay é uma única Browser Source. Você adiciona um link no OBS e tudo é montado dentro: o bloco de contadores, um widget secundário, um feed de eventos e um cabeçalho com relógio e cronômetro de sessão.

O que tem dentro:

• o bloco de contadores como conteúdo principal (para a categoria gaming);

• um widget secundário (chat, sorteio, previsão) acima ou abaixo dos contadores;

• um feed de eventos: últimos follows, subs e doações, alternando a cada poucos segundos;

• um cabeçalho com o seu logo, um relógio e um cronômetro de transmissão.

O fundo é transparente e o overlay se atualiza a cada poucos segundos, então você nunca recarrega a fonte no OBS.

Contadores direto no overlay

Os contadores são a principal ferramenta de um overlay de gaming. Primeiro você escolhe o jogo que está acompanhando:

Escolha Other game / manual para contadores manuais, ou um jogo específico com preenchimento automático, por exemplo Counter-Strike 2 via Game State Integration. Cada jogo mantém os seus próprios contadores.

Depois você adiciona contadores: a partir de presets de um clique ou os seus.

• gaming: mortes, vitórias, kills, clutches, sequência;

• criativo e IRL: café, pomodoro, tarefas, flexões;

• comunidade: rage, doações, hype.

O overlay mostra até 8 contadores, cada um com um ícone, um valor e um delta por sessão (mais verde ou menos vermelho).

Controle o overlay pelo chat

Você pode mudar os contadores e o próprio overlay direto do chat no Kick, Twitch ou YouTube. Comandos para moderador ou streamer:

• !counter deaths +1: mudar um contador (+N, -N ou =N, por exemplo !counter wins -1).

• !overlay show / !overlay hide: mostrar ou esconder o overlay; !overlay wheel troca o widget secundário.

• !reset: reiniciar a sessão e zerar os deltas dos contadores.

Widgets prontos para a sua cena

Além dos contadores, você pode adicionar widgets prontos ao overlay ou como fontes separadas, todos com fundo transparente:

• chat na transmissão;

• alertas: follows, subs, doações;

• leaderboard de espectadores;

• doações com leitura por voz;

• sorteios e roda da fortuna;

• previsões com pontos do canal.

Cada widget fica em um catálogo com um link pronto e um tamanho recomendado, e entra no OBS como Browser Source. Falamos sobre a roda em um artigo separado.

Gerador de arte de overlay com IA

Se você precisa de arte e não só de dados, há um gerador de arte de overlay. Ele cria dois arquivos para um layout real de OBS: um fundo (uma imagem atmosférica com o seu logo) e molduras para o gameplay e a câmera nas cores da sua marca.

• layouts: câmera embaixo à direita, embaixo à esquerda ou sem câmera;

• estilos: neon, synthwave, cozy, cyber e outros;

• o seu próprio prompt para o tema.

Você recebe os dois PNGs e as coordenadas exatas de onde colocar gameplay e câmera no OBS. As molduras são desenhadas em código, então texto e geometria ficam sempre nítidos.

Como conectar ao OBS

A configuração leva alguns minutos:

• Copie o link do overlay (…/widgets/stream-overlay.html) e adicione ao OBS como Browser Source.

• Escolha o seu jogo e adicione contadores na página do overlay no painel.

• Se quiser, defina um widget secundário e a sua posição (acima ou abaixo dos contadores).

• Pegue os outros widgets do catálogo com os tamanhos prontos.

• Para a arte, gere o fundo e as molduras e posicione pelo guia.

Todos os widgets têm fundo transparente e se atualizam sozinhos, então você não recarrega as fontes.

Por que isso supera um monte de plugins

Um overlay comum é montado com vários plugins e fontes de terceiros que precisam de configuração e atualização separadas. Aqui está tudo em um só lugar:

• uma fonte em vez de uma dezena;

• contadores e eventos atualizam sem recarregar;

• controle direto do chat;

• um estilo de marca único mais arte com IA;

• funciona no Kick, Twitch e YouTube.

Um stream overlay com contadores, widgets e arte com IA já vem integrado na plataforma. Crie o seu site de streamer e monte a sua cena de OBS em alguns minutos.