Como colocar o timer no OBS Studio
- Configure o seu timer acima e clique em Copiar URL.
- No OBS, clique em + embaixo de Fontes e escolha Navegador. Dê um nome, por exemplo “Contagem regressiva”.
- Cole o link no campo URL.
- Em Largura e Altura, coloque o tamanho mostrado embaixo do seu link (800 × 300 se você não mudou). Deixe o CSS personalizado como está: é ele que mantém o fundo transparente.
- Vai usar som? Marque Controlar áudio via OBS. Assim o alarme ganha o próprio controle no mixer de áudio e chega aos seus espectadores. Para você também ouvir, abra as Propriedades de áudio avançadas e ative o Monitoramento de áudio desta fonte (“Monitoramento ativado”).
- Clique em OK e arraste o timer para onde quiser na cena.
Dica: marque Atualizar o navegador quando a cena se tornar ativa e a contagem regressiva começa do zero toda vez que você muda para essa cena. É exatamente o que você quer nas cenas “Já vamos começar” e “Já volto”.
Reiniciar ou continuar contando? Com Atualizar o navegador quando a cena se tornar ativa ou Desativar fonte quando invisível marcados, o OBS recarrega a página e a contagem começa de novo. Para timers longos, como um subathon, ative Continuar contando depois de recarregar ou use Até um horário. Assim o tempo restante fica sempre certo depois de recarregar.
Streamlabs, Meld, XSplit e TikTok LIVE Studio
O overlay é uma página web comum, então qualquer programa de transmissão com fonte de navegador consegue mostrar. No Streamlabs Desktop adicione uma Browser Source, no XSplit uma fonte Webpage, no Meld Studio uma camada Browser e no TikTok LIVE Studio uma fonte Link. Cole a mesma URL e use a mesma largura e altura. Para o formato vertical do TikTok, escolha o tamanho Vertical (1080 × 1920). Se uma fonte Link do TikTok LIVE Studio ficar vazia, mude qualquer valor no link, por exemplo acrescente &v=2 no final, para o programa carregar de novo.
O início automático “Quando você entrar ao vivo” usa um recurso do OBS e funciona no OBS Studio e no Streamlabs Desktop. Em outros programas, o timer começa assim que a fonte carrega.
Qual modo combina com a sua live?
- Contagem regressiva: uma duração fixa, como 5 ou 10 minutos, para “Já vamos começar”, “Já volto” ou um desafio curto.
- Até um horário: conta até um horário do relógio, por exemplo 20:00, para o timer sempre bater com a agenda que você divulgou, mesmo se abrir o OBS mais cedo.
- Cronômetro: conta para cima. Use como tempo de live (“Ao vivo há 1:23:45”) ou para desafios e speedruns.
- Roteiro: várias etapas em sequência, cada uma com o próprio nome: bate-papo, jogo principal, pausa, encerramento. O nome muda sozinho.
- Pomodoro: blocos de foco e pausa para lives de estude comigo e coworking, com pausa longa opcional a cada quatro blocos.
Controle o timer durante a live
Clique com o botão direito na fonte no OBS e escolha Interagir. Nessa janela você controla o timer sem abrir outro programa:
| Ação | Efeito |
|---|---|
| Clique | Pausar ou continuar (ou iniciar, se o início estiver em “Com um clique”) |
| Clique duplo ou R | Reiniciar |
| N | Pular para a próxima etapa |
| + / - | Um minuto a mais ou a menos |
| ↑ / ↓ | Dez segundos a mais ou a menos |
Cliques funcionam em todas as versões do OBS. Os atalhos de teclado dependem da versão e no macOS às vezes não chegam à página, então, na dúvida, use o mouse. Adicionar tempo é prático em subathons e quando a sua live só precisa de mais alguns minutos.
Controle remoto com Streamer.bot ou Stream Deck
O OBS consegue enviar eventos para fontes de navegador pelo servidor WebSocket embutido. Assim você controla o timer a partir de outros programas, sem abrir o OBS. No Streamer.bot, num plugin do Stream Deck ou em qualquer cliente obs-websocket, envie a requisição CallVendorRequest com o vendor obs-browser, o tipo emit_event e estes dados:
{"event_name": "finaltimer", "event_data": {"action": "add", "seconds": 300}}As ações possíveis são start, pause, resume, toggle, restart, next e add (com seconds ou minutes; valores negativos tiram tempo). Vários timers ao mesmo tempo? Dê a cada um um ID do overlay e acrescente "id": "subathon" aos dados, assim só aquele timer reage. Um subathon típico: uma ação do Streamer.bot que soma cinco minutos a cada novo sub.
Dicas para um overlay caprichado
- Em cima do gameplay, use Contorno ou Sombra suave para os números continuarem legíveis em fundos claros e agitados.
- Para aumentar o timer, mude a Largura e a Altura nas propriedades da fonte em vez de puxar os cantos. Com “Ajustar à fonte”, os números ficam nítidos no novo tamanho.
- Para timers longos, ative Continuar contando depois de recarregar. Assim um travamento, um reinício do OBS ou uma recarga não zeram mais o relógio do seu subathon.
- O overlay usa fontes que já estão instaladas no seu computador. Nada é baixado de outros servidores e a página tem só alguns kilobytes.
- A página do overlay não mostra anúncios, não rastreia e não tem marca d’água. Só é contado quantas vezes os overlays são carregados, sem dados pessoais.
Parâmetros de URL para usuários avançados
Tudo o que você configura acima fica no link, então também dá para editar à mão. Os parâmetros mais importantes:
| Parâmetro | Exemplo | Significado |
|---|---|---|
mode | down, until, up, seq, pomo | Contagem regressiva, até um horário, cronômetro, roteiro, Pomodoro |
t | 10m, 1h30m, 5:00 | Duração da contagem regressiva |
at | 20:00 | Horário alvo para “Até um horário” |
step | 5m~Já vamos começar | Uma etapa do roteiro (repita para cada etapa) |
work, brk, long, every, cycles | 25m, 5m, 15m, 4, 4 | Pomodoro: foco, pausa, pausa longa, pausa longa depois de, número de blocos |
title, end | qualquer texto | Título acima do timer, texto ao chegar a zero |
after | text, stay, hide, over | O que acontece ao chegar a zero |
style | plain, pill, bar, ring | Visual do timer |
color, accent, bg | ffffff | Cores em hexadecimal sem # |
sound, vol | alarm3, 80 | Som ao chegar a zero e volume em porcentagem |
start | load, stream, click | Quando o timer começa |
resume | 1 | Continuar contando depois de recarregar |
beep | 3 | Bipes nos últimos segundos |
id | subathon | Nome para o controle remoto por eventos |
Quer outra fonte ou cores além das opções? No campo CSS personalizado da fonte funcionam regras como .ov-time { font-family: "Sua fonte"; } e .ov-title { text-transform: uppercase; }.
Perguntas frequentes
O timer para OBS é grátis?
Sim. O overlay é totalmente grátis, não precisa de conta e não mostra marca d’água nem anúncios. Você pode criar quantos timers quiser.
A contagem regressiva continua se eu trocar de cena?
Sim, enquanto o OBS mantiver a fonte carregada, que é o padrão. Se você marcou “Desativar fonte quando invisível”, a página recarrega quando volta a aparecer. Com “Continuar contando depois de recarregar” ou o modo “Até um horário”, o timer mostra mesmo assim o tempo restante certo.
Por que eu não ouço o alarme?
Confira se um som está escolhido, se “Controlar áudio via OBS” está marcado nas propriedades da fonte e se a fonte não está mutada no mixer de áudio. Numa aba normal do navegador, o som só toca depois de você clicar uma vez na página.
O timer pode começar sozinho quando eu entrar ao vivo?
Sim. Coloque o início em “Quando você entrar ao vivo”. O timer espera e começa no momento em que o OBS inicia a transmissão. Fora do OBS ele começa na hora.
Funciona com Streamlabs, Meld ou TikTok LIVE Studio?
Sim. Qualquer programa com fonte de navegador ou web consegue mostrar o overlay. Cole o mesmo link e use a largura e a altura mostradas nesta página. O início automático ao entrar ao vivo funciona no OBS Studio e no Streamlabs Desktop.
Subs ou doações podem somar tempo automaticamente?
Sim, com um programa como o Streamer.bot, que reage a subs, bits ou doações. Ele envia um evento pelo servidor WebSocket do OBS e o timer soma o tempo. Do nosso lado não é preciso conta nem conexão com a sua conta da Twitch.
Meus espectadores veem o mesmo tempo?
Sim. O timer é desenhado no seu computador e enviado como parte da transmissão, então todo mundo vê exatamente o tempo da sua tela, esteja onde estiver.
Algum dado é coletado?
A página do overlay não carrega anúncios, nem ferramentas de análise, nem cookies. Ela só aumenta um contador anônimo de overlays carregados. Suas configurações ficam dentro do próprio link.