InteractiveLive

InícioBlog › Como configurar um jogo interativo no OBS

Configuração

Como configurar um jogo interativo no OBS

Atualizado em 27 de agosto de 2026 · 7 min de leitura · por Interactive Live

O jogo interativo entra no OBS como uma fonte de navegador, não como captura de janela. Entender essa diferença resolve a maior parte dos problemas de overlay que não aparece, não atualiza ou fica com fundo preto.

As duas camadas de uma live interativa

Uma cena de live interativa tem duas camadas, e elas entram de jeitos diferentes:

  1. O jogo — pode ser uma fonte de navegador (jogos que rodam na web) ou captura de janela (Roblox e jogos instalados).
  2. O overlay — sempre fonte de navegador, com fundo transparente, por cima do jogo. É onde ficam as instruções, o ranking e a tabela de presentes.

Regra: se a plataforma te deu uma URL, é fonte de navegador. Se te deu um programa para abrir, é captura de janela.

Passo a passo no OBS

1. Crie a cena

Em Cenas, clique em + e nomeie algo como "Live interativa".

2. Adicione o jogo

Se for jogo de navegador: Fontes → + → Navegador, cole a URL do jogo, largura 1080, altura 1920 para vertical.

Se for Roblox ou jogo instalado: Fontes → + → Captura de Janela, selecione a janela do jogo. O jogo precisa estar em modo janela, nunca em tela cheia exclusiva.

3. Adicione o overlay por cima

Fontes → + → Navegador, cole a URL do overlay. Deixe-o acima do jogo na lista de fontes — a ordem na lista é a ordem de empilhamento na tela.

4. Marque as opções certas na fonte de navegador

5. Enquadre para vertical

Em Configurações → Vídeo, resolução de saída 720×1280. Depois use Editar → Transformar → Ajustar à tela em cada fonte e reposicione: jogo no centro, overlay ocupando a faixa de baixo.

6. Teste

Comente na própria live pelo celular. Se o nome aparecer no jogo, a conexão está certa.

Problemas de overlay e como resolver

SintomaCausaSolução
Overlay não apareceFonte abaixo do jogo na listaArraste para cima da fonte do jogo
Overlay com fundo pretoCSS de transparência removidoRestaurar o CSS padrão da fonte
Overlay congela"Desligar quando não visível" marcadoDesmarcar a opção
Overlay não atualizaCache da fonteClicar com o botão direito → Atualizar
Overlay cortadoLargura/altura da fonte diferente da cenaDefinir 1080×1920 na fonte
Presente não reflete no overlayConexão com a live caiuReconectar a conta e recarregar a fonte

Ajustes que melhoram o resultado

Quer os jogos rodando na sua live hoje?

7 jogos interativos que reagem a presentes, comentários e curtidas por R$19,90/mês. Acesso liberado por e-mail assim que o pagamento confirma.

Ver os planos

Perguntas frequentes

O overlay entra como captura de janela ou fonte de navegador?

Sempre como fonte de navegador, usando a URL que a plataforma fornece. Captura de janela é para o jogo, quando ele é um programa instalado.

Por que o overlay fica com fundo preto?

Porque o CSS de transparência da fonte de navegador foi alterado ou removido. Restaure o CSS padrão que o OBS coloca na criação da fonte.

Por que o overlay congela quando troco de cena?

Pela opção 'Desligar a fonte quando não estiver visível'. Desmarque-a para o overlay manter a conexão com a live.

Qual resolução usar na fonte de navegador para live vertical?

1080x1920 na fonte, com a resolução de saída da cena em 720x1280. Assim o overlay renderiza nítido e é reduzido na saída.

Continue lendo