Overlays do OBS

Overlays do OBS para Kick, Twitch, YouTube e TikTok

Adicione uma fonte Navegador do InstiBot ao OBS e tenha alertas, chat, metas, timer de subathon e minijogos na live. Posicione tudo no editor de layout.

Adicione o seu overlay ao OBS

Essa única fonte mostra todos os widgets que você ligar, cada um no seu lugar em um palco de 1920×1080, escalado para o tamanho da fonte. Qualquer tamanho 16:9 funciona do mesmo jeito. Nada fica visível enquanto nada está acontecendo, então a fonte pode ficar por cima da sua cena.

  1. Abra Widgets no painel e escolha a aba “Seu overlay do InstiBot”.
  2. Copie a URL do overlay. Ela fica desfocada na tela até você passar o mouse, porque é privada.
  3. No OBS, adicione uma fonte Navegador à sua cena e cole a URL. Defina o tamanho como 1920×1080.
  4. De volta ao painel, use Testar na live para enviar um follow ou uma gorjeta de teste e conferir se aparece.

Escolha o que aparece

A lista “O que há no seu overlay” tem um botão Mostrar no overlay e um botão Configurar para cada widget. Alertas, minijogos, shoutouts, enquetes, previsões, a fila de espectadores e o cartão de tocando agora vêm ligados por padrão. O overlay de chat, as metas, os rótulos de eventos, o temporizador de subathon e o contador de espectadores ficam desligados até você ligá-los.

As mudanças que você salva no painel chegam ao overlay na hora; você nunca precisa atualizar o OBS depois de editar um widget.

O editor de layout

Widgets → Editor de layout mostra um canvas de 1920×1080. Arraste um widget para movê-lo, arraste o canto dele para redimensionar, use as setas do teclado para ajustá-lo ou digite valores exatos de X, Y, largura, altura e escala. Os botões de posicionamento rápido encaixam um widget em um canto ou em uma borda com uma margem segura. Ative “Mostrar overlay salvo ao fundo” para ver o overlay ao vivo sob as suas caixas.

Todos os minijogos compartilham uma zona, porque só um jogo fica na tela por vez. Algumas posições padrão se sobrepõem, como as metas e os rótulos no canto superior esquerdo, então confira o layout uma vez quando ligar novos widgets.

Fontes separadas para widgets individuais

Se você quiser um widget em outra cena ou com filtros próprios no OBS, abra o widget, expanda “Avançado: Browser Source separada” e copie a URL só desse widget. Uma fonte só de um widget preenche o próprio tamanho em vez de usar o palco de 1920×1080. Oculte esse widget do overlay principal, ou ele aparecerá duas vezes.

Mantenha a URL privada

A URL do overlay contém um token que funciona como uma senha para o seu overlay e para os docks do OBS. Não a mostre na live nem a compartilhe. Se ela vazar, clique em Regenerar ao lado da URL: todas as URLs de overlay e de dock mudam de uma vez, e você cola a nova no OBS. As URLs antigas deixam de funcionar imediatamente.

Quando o overlay fica vazio

  • Confira se a URL inteira foi colada e se não é uma antiga, de antes de você clicar em Regenerar. Uma URL antiga ou parcial carrega, mas nunca mostra nada.
  • Adicione ?debug=1 ao final da URL em um navegador comum: um pequeno selo mostra se o overlay está conectado.
  • Confira se o widget está ligado em Mostrar no overlay.
  • Widgets de eventos ficam invisíveis até algo acontecer. Envie um teste em Testar na live.
  • Os alertas esperam até 2 minutos por um overlay conectado e depois são ignorados. Mantenha o OBS aberto com a fonte carregada enquanto você está ao vivo.
  • Se o mesmo widget estiver em duas fontes, ele toca nas duas.

Perguntas

Os overlays são grátis?

Sim. Todo widget funciona no plano grátis. O Premium aumenta os limites de upload e libera código personalizado e mais variações de alertas.

Preciso de configurações especiais no OBS?

Não. Uma fonte Navegador em 1920×1080 basta. Os sons dos alertas e o texto para fala tocam dentro da fonte, então o OBS os captura com o áudio da fonte.

Funciona com o Streamlabs ou outros programas?

Qualquer software de streaming com fonte de navegador pode carregar a mesma URL.

Demonstração do overlay