Contagem regressiva e relógio sobrepostos no OBS

Contagem regressiva até às , , .

Pressione Esc para sair da tela cheia

Como funciona

  1. Crie o overlay

    Contagem, temporizador ou relógio, em “branco sem fundo” para um fundo transparente.

  2. Copie o link

    Toque em “Link para o Notion”: o endereço sozinho é o que o OBS precisa.

  3. Adicione uma fonte de navegador

    No OBS: Fontes, +, Navegador. Cole o link em URL, defina o tamanho, OK.

Alguma sugestão para melhorar esta ferramenta?

Criamos ferramentas tão simples e intuitivas quanto possível, com alguns bônus aqui e ali. Conte para a gente o que deixaria esta ainda melhor.

Passo a passo no OBS Studio

  1. Crie o widget acima. Para sobrepor ao seu vídeo, escolha branco sem fundo.
  2. Toque em Link para o Notion para copiar o endereço.
  3. No OBS, no painel Fontes, clique em + e escolha Navegador.
  4. Cole o endereço no campo URL e defina largura e altura, por exemplo 800 × 300 para uma contagem.
  5. Confirme e depois posicione e redimensione a fonte na cena.

O OBS preenche o campo de CSS personalizado com uma regra que deixa o fundo da página transparente. Mantenha essa regra: com um widget sem fundo, só os números aparecem sobre o seu vídeo.

Tela de “já vamos começar”

Uma contagem ajustada para o seu fuso e para o horário de início da live vira uma tela de espera simples: coloque sobre uma imagem de fundo, com o título “Ao vivo em” e uma mensagem para o zero como “Bora!”. Ela termina no horário previsto, mesmo se você abrir a cena antes.

Temporizadores na live

Para um temporizador que começa assim que a cena aparece, escolha começa sozinho e marque, nas propriedades da fonte, a opção que atualiza o navegador quando a cena fica ativa: toda vez que você volta para a cena, o temporizador recomeça da duração completa. Para o som sair na transmissão, ative nas mesmas propriedades o controle de áudio pelo OBS.

OverlayTamanho no OBS
Contagem com título800 × 300
Relógio num canto400 × 160
Temporizador600 × 300

Perguntas

O fundo não fica transparente. Por quê?

Escolha “branco sem fundo” (ou preto) na frase e copie o link de novo. Confira também se o campo de CSS personalizado da fonte ainda tem a regra padrão.

Posso usar a minha fonte?

O widget usa a Anton para os números. Você pode mudar as cores no endereço (c= e f=), mas não a fonte.

O temporizador recomeça quando eu troco de cena?

Só se você marcou a atualização do navegador quando a cena fica ativa. Se não, ele mantém o estado enquanto o OBS estiver aberto.