Integração com OBS Studio

Information

O OBS Studio é o software de streaming gratuito e open-source mais popular. Integrar temporizadores da gettickr.app no OBS é rápido e fácil usando fontes de navegador!

Este guia explica como adicionar temporizadores de contagem decrescente da gettickr.app ao seu setup do OBS Studio, desde a configuração inicial até fluxos de trabalho avançados.

Requisitos

Antes de começar, certifique‑se de que tem:

Requisito	Detalhes
OBS Studio	Versão 28.0 ou superior recomendada (Download)
Temporizador gettickr.app	Criado e personalizado na gettickr.app
URL do Temporizador	O URL de apresentação/renderizador do seu temporizador
Ligação à Internet	Necessária para a fonte de navegador carregar o temporizador

Guia de Integração Passo a Passo

Passo 1: Criar o temporizador e copiar o URL

Primeiro, crie o seu temporizador e obtenha o URL de apresentação:

Aceda ao Editor
Crie e personalize o temporizador (design, duração, cores)
Na secção Renderer, encontre o URL de apresentação do temporizador
Copie o URL completo, por exemplo: https://gettickr.app/r/#SEU-TIMER-ID

Tip

Utilizadores Premium: Guarde o temporizador primeiro para obter um URL estável que não muda. Temporizadores grátis geram novos URLs a cada edição.

Passo 2: Adicionar Fonte de Navegador no OBS

Agora adicione o temporizador à sua cena no OBS:

Abra o OBS Studio e selecione a cena onde quer o temporizador
No painel Sources, clique no botão "+"
Selecione "Browser" na lista de tipos de fonte
Dê um nome descritivo à fonte (ex.: "Temporizador Contagem" ou "Temporizador Pausa")
Clique em OK

Information

Pode renomear fontes mais tarde clicando com o botão direito na lista de Sources e escolhendo "Rename".

Passo 3: Configurar Propriedades da Fonte de Navegador

Na janela de propriedades da Browser Source, configure:

Definição	Valor	Notas
URL	`https://gettickr.app/r/#SEU-TIMER-ID`	Substitua pelo URL real do seu temporizador
Width	`1920`	Corresponda à largura de design do timer
Height	`1080`	Corresponda à altura de design do timer
FPS	`30`	Suficiente para animação fluida
CSS	Deixe vazio	Não é necessário para temporizadores
Shutdown source when not visible	✅ Recomendado	Poupa recursos
Refresh browser when scene becomes active	✅ Recomendado	Garante que o temporizador está atual
Control audio via OBS	⬜ Desativado	Temporizadores não produzem áudio

Tip

Não tem a certeza da largura/altura? Use as dimensões definidas no editor ao desenhar o temporizador. Tamanhos comuns: 1920×1080 (ecrã completo), 800×600 (overlay), 400×200 (canto pequeno).

Clique OK para criar a fonte de navegador.

Passo 4: Posicionar e Escalar o Temporizador

O temporizador surge agora na pré‑visualização do OBS. Posicione e redimensione:

Mover: Clique e arraste o temporizador para a posição desejada
Redimensionar: Arraste as alças nos cantos para ajustar o tamanho
Escala proporcional: Mantenha Shift enquanto arrasta para manter a proporção
Alinhamento: Clique direito → Transform → opções de alinhamento
Bloquear: Clique direito → Lock para evitar movimentos acidentais

Opção de Transform	Atalho	Caso de utilização
Edit Transform	`Ctrl+E`	Posicionamento preciso com números
Reset Transform	—	Voltar ao tamanho original
Center to Screen	—	Centrar rapidamente
Stretch to Screen	—	Temporizador em ecrã completo

Warning

Se o temporizador aparecer pixelizado ou desfocado, aumente a largura/altura da fonte de navegador para corresponder à resolução do stream. O OBS escala fontes para a sua resolução nativa.

Ideias de Configuração de Cenas no OBS

Tipo de Cena	Colocação do Temporizador	Tamanho típico	Uso comum
Starting Soon	Centro, ecrã completo	1920×1080	Contagem pré‑stream
BRB / Pausa	Centro ou topo‑centro	800×400	Pausas de stream
Gaming Overlay	Canto superior direito	300×150	Contagem durante gameplay
Subathon	Barra superior persistente	1920×100	Temporizador longo de doações
Torneio	Overlay no terço inferior	1920×200	Temporizador de partida/ronda
Giveaway	Painel lateral	400×600	Janela de participação de concurso

Tip

Crie cenas separadas para diferentes usos do temporizador, ou use múltiplos temporizadores numa cena e alterne a visibilidade conforme necessário!

Funcionalidades Premium no OBS

Controlo Remoto Durante o Stream

Com uma conta Premium, pode controlar o temporizador enquanto transmite sem tocar no OBS:

Setup:

Abra o Editor num separador de navegador separado ou num segundo monitor
Carregue o seu temporizador Premium guardado
Mantenha o editor aberto durante o stream

Controlo:

Iniciar temporizador quando o stream começa
Pausar se precisar prolongar uma pausa
Repor para reiniciar a contagem
Ajustar duração em tempo real
Atualizar design sem sair do stream

Premium Feature

As alterações feitas no editor são sincronizadas automaticamente com o OBS em tempo real. Não é preciso atualizar a Browser Source nem mudar URLs!

Funcionalidade	Temporizador Grátis	Temporizador Premium
Adicionar ao OBS	✅ Sim	✅ Sim
Controlo remoto no stream	❌ Não	✅ Sim
Estabilidade do URL após edições	❌ Muda o URL	✅ Mantém o mesmo
Persistência de estado	❌ Repõe	✅ Guarda estado
Múltiplos temporizadores guardados	❌ Não	✅ Sim

Problemas Comuns & Soluções

Temporizador não aparece

Problema	Solução
Ecrã preto no OBS	Verifique se o URL está correto e começa com `https://gettickr.app/r/#`
"Local File" ativado	Desative "Local File" — estamos a usar um URL web
Sem ligação à internet	Verifique a sua ligação de rede
Fonte de navegador demasiado pequena	Aumente largura/altura nas propriedades da fonte
Temporizador atrás de outras fontes	Clique direito → Order → Move Up

Temporizador não atualiza ou não sincroniza

Problema	Causa	Solução
Temporizador grátis: alterações não aparecem	URL mudou com a edição	Copie o novo URL e atualize a Browser Source
Temporizador Premium: controlo remoto não funciona	Separador do editor fechado	Mantenha o editor aberto durante o stream
Temporizador congelado	Fonte de navegador em pausa	Clique direito → Refresh
Temporizador antigo a aparecer	Conteúdo em cache	Ative "Refresh browser when scene becomes active"

Warning

Temporizadores grátis geram um novo URL a cada edição. Tem de atualizar o URL da Browser Source no OBS após cada edição. Temporizadores Premium mantêm URLs estáveis!

Problemas de desempenho

Sintoma	Causa	Solução
OBS com atrasos	Resolução demasiado alta	Use dimensões razoáveis (máx. 1920×1080)
CPU alta	Várias fontes de navegador	Ative "Shutdown source when not visible"
Animação aos solavancos	FPS demasiado baixo	Defina FPS da Browser Source para 30
Lag na codificação	Demasiadas fontes	Desative fontes de temporizador não usadas

Tip

Fontes de navegador usam poucos recursos quando bem configuradas. Um único temporizador gettickr.app tipicamente usa menos de 1% de CPU!

Próximos Passos

Personalizar Design — Alinhe o temporizador com a estética do seu stream
Controlo Remoto — Saiba mais sobre funcionalidades Premium de controlo remoto
Integração com Streamlabs — Guia de software de streaming alternativo

Integração com OBS Studio

Information

O OBS Studio é o software de streaming gratuito e open-source mais popular. Integrar temporizadores da gettickr.app no OBS é rápido e fácil usando fontes de navegador!

Este guia explica como adicionar temporizadores de contagem decrescente da gettickr.app ao seu setup do OBS Studio, desde a configuração inicial até fluxos de trabalho avançados.

Requisitos

Antes de começar, certifique‑se de que tem:

Requisito	Detalhes
OBS Studio	Versão 28.0 ou superior recomendada (Download)
Temporizador gettickr.app	Criado e personalizado na gettickr.app
URL do Temporizador	O URL de apresentação/renderizador do seu temporizador
Ligação à Internet	Necessária para a fonte de navegador carregar o temporizador

Guia de Integração Passo a Passo

Passo 1: Criar o temporizador e copiar o URL

Primeiro, crie o seu temporizador e obtenha o URL de apresentação:

Aceda ao Editor
Crie e personalize o temporizador (design, duração, cores)
Na secção Renderer, encontre o URL de apresentação do temporizador
Copie o URL completo, por exemplo: https://gettickr.app/r/#SEU-TIMER-ID

Tip

Utilizadores Premium: Guarde o temporizador primeiro para obter um URL estável que não muda. Temporizadores grátis geram novos URLs a cada edição.

Passo 2: Adicionar Fonte de Navegador no OBS

Agora adicione o temporizador à sua cena no OBS:

Abra o OBS Studio e selecione a cena onde quer o temporizador
No painel Sources, clique no botão "+"
Selecione "Browser" na lista de tipos de fonte
Dê um nome descritivo à fonte (ex.: "Temporizador Contagem" ou "Temporizador Pausa")
Clique em OK

Information

Pode renomear fontes mais tarde clicando com o botão direito na lista de Sources e escolhendo "Rename".

Passo 3: Configurar Propriedades da Fonte de Navegador

Na janela de propriedades da Browser Source, configure:

Definição	Valor	Notas
URL	`https://gettickr.app/r/#SEU-TIMER-ID`	Substitua pelo URL real do seu temporizador
Width	`1920`	Corresponda à largura de design do timer
Height	`1080`	Corresponda à altura de design do timer
FPS	`30`	Suficiente para animação fluida
CSS	Deixe vazio	Não é necessário para temporizadores
Shutdown source when not visible	✅ Recomendado	Poupa recursos
Refresh browser when scene becomes active	✅ Recomendado	Garante que o temporizador está atual
Control audio via OBS	⬜ Desativado	Temporizadores não produzem áudio

Tip

Não tem a certeza da largura/altura? Use as dimensões definidas no editor ao desenhar o temporizador. Tamanhos comuns: 1920×1080 (ecrã completo), 800×600 (overlay), 400×200 (canto pequeno).

Clique OK para criar a fonte de navegador.

Passo 4: Posicionar e Escalar o Temporizador

O temporizador surge agora na pré‑visualização do OBS. Posicione e redimensione:

Mover: Clique e arraste o temporizador para a posição desejada
Redimensionar: Arraste as alças nos cantos para ajustar o tamanho
Escala proporcional: Mantenha Shift enquanto arrasta para manter a proporção
Alinhamento: Clique direito → Transform → opções de alinhamento
Bloquear: Clique direito → Lock para evitar movimentos acidentais

Opção de Transform	Atalho	Caso de utilização
Edit Transform	`Ctrl+E`	Posicionamento preciso com números
Reset Transform	—	Voltar ao tamanho original
Center to Screen	—	Centrar rapidamente
Stretch to Screen	—	Temporizador em ecrã completo

Warning

Se o temporizador aparecer pixelizado ou desfocado, aumente a largura/altura da fonte de navegador para corresponder à resolução do stream. O OBS escala fontes para a sua resolução nativa.

Ideias de Configuração de Cenas no OBS

Tipo de Cena	Colocação do Temporizador	Tamanho típico	Uso comum
Starting Soon	Centro, ecrã completo	1920×1080	Contagem pré‑stream
BRB / Pausa	Centro ou topo‑centro	800×400	Pausas de stream
Gaming Overlay	Canto superior direito	300×150	Contagem durante gameplay
Subathon	Barra superior persistente	1920×100	Temporizador longo de doações
Torneio	Overlay no terço inferior	1920×200	Temporizador de partida/ronda
Giveaway	Painel lateral	400×600	Janela de participação de concurso

Tip

Crie cenas separadas para diferentes usos do temporizador, ou use múltiplos temporizadores numa cena e alterne a visibilidade conforme necessário!

Funcionalidades Premium no OBS

Controlo Remoto Durante o Stream

Com uma conta Premium, pode controlar o temporizador enquanto transmite sem tocar no OBS:

Setup:

Abra o Editor num separador de navegador separado ou num segundo monitor
Carregue o seu temporizador Premium guardado
Mantenha o editor aberto durante o stream

Controlo:

Iniciar temporizador quando o stream começa
Pausar se precisar prolongar uma pausa
Repor para reiniciar a contagem
Ajustar duração em tempo real
Atualizar design sem sair do stream

Premium Feature

As alterações feitas no editor são sincronizadas automaticamente com o OBS em tempo real. Não é preciso atualizar a Browser Source nem mudar URLs!

Funcionalidade	Temporizador Grátis	Temporizador Premium
Adicionar ao OBS	✅ Sim	✅ Sim
Controlo remoto no stream	❌ Não	✅ Sim
Estabilidade do URL após edições	❌ Muda o URL	✅ Mantém o mesmo
Persistência de estado	❌ Repõe	✅ Guarda estado
Múltiplos temporizadores guardados	❌ Não	✅ Sim

Problemas Comuns & Soluções

Temporizador não aparece

Problema	Solução
Ecrã preto no OBS	Verifique se o URL está correto e começa com `https://gettickr.app/r/#`
"Local File" ativado	Desative "Local File" — estamos a usar um URL web
Sem ligação à internet	Verifique a sua ligação de rede
Fonte de navegador demasiado pequena	Aumente largura/altura nas propriedades da fonte
Temporizador atrás de outras fontes	Clique direito → Order → Move Up

Temporizador não atualiza ou não sincroniza

Problema	Causa	Solução
Temporizador grátis: alterações não aparecem	URL mudou com a edição	Copie o novo URL e atualize a Browser Source
Temporizador Premium: controlo remoto não funciona	Separador do editor fechado	Mantenha o editor aberto durante o stream
Temporizador congelado	Fonte de navegador em pausa	Clique direito → Refresh
Temporizador antigo a aparecer	Conteúdo em cache	Ative "Refresh browser when scene becomes active"

Warning

Temporizadores grátis geram um novo URL a cada edição. Tem de atualizar o URL da Browser Source no OBS após cada edição. Temporizadores Premium mantêm URLs estáveis!

Problemas de desempenho

Sintoma	Causa	Solução
OBS com atrasos	Resolução demasiado alta	Use dimensões razoáveis (máx. 1920×1080)
CPU alta	Várias fontes de navegador	Ative "Shutdown source when not visible"
Animação aos solavancos	FPS demasiado baixo	Defina FPS da Browser Source para 30
Lag na codificação	Demasiadas fontes	Desative fontes de temporizador não usadas

Tip

Fontes de navegador usam poucos recursos quando bem configuradas. Um único temporizador gettickr.app tipicamente usa menos de 1% de CPU!

Próximos Passos

Personalizar Design — Alinhe o temporizador com a estética do seu stream
Controlo Remoto — Saiba mais sobre funcionalidades Premium de controlo remoto
Integração com Streamlabs — Guia de software de streaming alternativo