Integração com XSplit

Information

O XSplit Broadcaster e o XSplit Gamecaster são aplicações profissionais de streaming usadas por criadores de conteúdo em todo o mundo. Integrar temporizadores da gettickr.app no XSplit é simples usando fontes de página web!

Este guia explica como adicionar temporizadores de contagem decrescente da gettickr.app tanto ao XSplit Broadcaster como ao XSplit Gamecaster.

O que precisa

Requisito	Detalhes
XSplit Broadcaster ou Gamecaster	Download em xsplit.com
Temporizador gettickr.app	Criado na gettickr.app
URL do Temporizador	URL de apresentação/renderizador do seu temporizador
Ligação à Internet	Necessária para a fonte de página web

Tip

O XSplit usa “fontes de página web” em vez de “fontes de navegador” (termo do OBS), mas funcionam exatamente da mesma forma!

Integração com XSplit Broadcaster

Passo 1: Criar o seu temporizador

Primeiro, prepare o seu temporizador na gettickr.app:

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

Premium Feature

Guarde o seu temporizador para obter um URL estável. Temporizadores Premium mantêm o mesmo URL mesmo após edições, enquanto temporizadores grátis geram novos URLs a cada alteração.

Passo 2: Adicionar uma Fonte de Página Web

Adicione o temporizador à sua cena no XSplit:

Abra o XSplit Broadcaster
Selecione a cena onde pretende o temporizador
Clique em "Add Source" ou clique com o botão direito na área da cena
Selecione "Webpage..." na lista de tipos de fonte
Abre-se o diálogo de configuração da Webpage source

Passo 3: Configurar a Fonte de Página Web

Defina a sua fonte de página web com estas opções:

Definição	Valor	Notas
Name	"Temporizador Contagem" ou nome descritivo	Ajuda a identificar a fonte depois
URL	`https://gettickr.app/r/#SEU-TIMER-ID`	Cole aqui o seu URL de temporizador
Width	`1920` (ou largura do design do timer)	Corresponda às dimensões do timer
Height	`1080` (ou altura do design do timer)	Corresponda às dimensões do timer
Use hardware acceleration	✅ Recomendado	Melhora a fluidez da animação
Refresh interval	Padrão (geralmente 1000 ms)	Definição padrão funciona bem

Clique em "OK" para adicionar a fonte de página web.

Passo 4: Posicionar e redimensionar

O seu temporizador aparece no editor da cena:

Mover: Clique e arraste o temporizador para a posição desejada
Redimensionar: Arraste as alças nos cantos para ajustar o tamanho
Manter proporção: Redimensione normalmente para manter as proporções
Redimensionamento livre: Mantenha Shift enquanto arrasta para redimensionar livremente
Ordem de camadas: Clique direito → Order → Bring Forward/Send Backward

Ação de Transform	Como aceder	Caso de utilização
Bring to Front	Clique direito → Order	Colocar temporizador acima de tudo
Send to Back	Clique direito → Order	Colocar temporizador sob overlays
Center	Propriedades de Transform	Centrar rapidamente
Fit to Screen	Redimensionar ao tamanho da tela	Temporizador em ecrã completo

Tip

Use a funcionalidade de “snap-to-edge” do XSplit para alinhar perfeitamente temporizadores às bordas da cena ou a outras fontes!

Integração com XSplit Gamecaster

O XSplit Gamecaster tem uma interface simplificada otimizada para streams de gaming.

Adicionar temporizador ao Gamecaster

Abra o XSplit Gamecaster
Clique em "Overlays"
Selecione "Add Overlay" → "Webpage"
Cole o URL do seu temporizador
Dê-lhe um nome (ex.: "Temporizador Pausa")
Escolha posições predefinidas ou colocação personalizada

Predefinição Gamecaster	Ideal para
Top Center	Temporizadores de pausa, contagens de evento
Top Right	Temporizadores pequenos no canto
Bottom Center	Barras de temporizador a toda a largura
Center	Temporizadores de ecrã completo “A começar”
Custom	Posicionamento manual preciso

Information

O sistema de overlays simplificado do Gamecaster torna a configuração mais rápida, mas oferece menos personalização do que o editor de cenas completo do Broadcaster.

Definições Avançadas do XSplit

Aceleração por hardware

A aceleração por hardware do XSplit melhora o desempenho de fontes de página web:

Definição	Impacto de desempenho	Quando usar
Enabled	Maior fluidez da animação, maior uso de GPU	Tem GPU dedicada
Disabled	Menor uso da GPU, possível animação aos solavancos	CPU mais forte que GPU

Tip

Se a animação do temporizador parecer “aos solavancos”, ative a aceleração por hardware. Se notar lag geral no stream, experimente desativá-la.

Intervalo de atualização (Refresh Interval)

O intervalo de atualização controla com que frequência o XSplit recarrega a fonte de página web:

Intervalo	Efeito	Melhor para
500 ms	Atualizações muito frequentes	Precisão crítica da contagem
1000 ms (1 s)	Padrão, equilibrado	Uso padrão de temporizadores
2000 ms	Atualizações menos frequentes	Timers estáticos ou lentos

Information

Para temporizadores da gettickr.app, o intervalo padrão de 1000 ms funciona perfeitamente. O temporizador continua a contar suavemente entre atualizações.

Propriedades da fonte

Clique com o botão direito na sua fonte de página web do temporizador para mais opções:

Opção	O que faz	Quando usar
Refresh	Recarrega a página manualmente	Temporizador parece congelado
Properties	Reabre a configuração	Alterar URL ou dimensões
Rename	Muda o nome da fonte	Melhor organização
Duplicate	Copia a fonte	Reutilizar temporizador noutras cenas
Remove	Remove a fonte	Limpar temporizadores não usados

Gestão de camadas

O XSplit usa camadas para determinar o que aparece por cima:

Estratégia de camadas	Como implementar	Caso de utilização
Temporizador no topo	Clique direito → Bring to Front	Temporizador visível sobre tudo
Temporizador sob overlays	Posicionar entre camadas	Temporizador visível, mas sob alertas
Temporizador como fundo	Send to Back	Temporizador atrás do gameplay
Camadas agrupadas	Agrupar fontes relacionadas	Gerir múltiplos elementos juntos

Tip

Mantenha Ctrl e clique em várias fontes para as selecionar em conjunto; depois clique direito para aplicar transformações a todas de uma vez!

Controlo remoto com XSplit

Controlo Remoto Premium

Utilizadores Premium da gettickr.app podem controlar temporizadores durante o streaming:

Configuração:

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

Ações de controlo:

Ação	Efeito	Comportamento no XSplit
Iniciar	Começa a contagem	Atualiza instantaneamente na cena
Pausar	Congela o temporizador	Pausa de imediato
Repor	Volta ao início	Repor sem recarregar
Ajustar Duração	Altera o tempo	Atualiza em tempo real
Atualizar Design	Modifica aparência	Mudanças aparecem de imediato

Premium Feature

Todas as alterações sincronizam em tempo real com o XSplit! Não é necessário recarregar manualmente a fonte de página web.

Funcionalidade	Temporizador Grátis	Temporizador Premium
Adicionar ao XSplit	✅ Sim	✅ Sim
Controlo remoto	❌ Não	✅ Sim
Estabilidade de URL	❌ Muda com edições	✅ Mantém sempre
Biblioteca de timers	❌ Não	✅ Sim
Persistência de estado	❌ Repõe	✅ Guarda estado

Configuração de temporizadores multi-cena

Estratégia 1: Temporizadores diferentes por cena

Crie cenas especializadas com temporizadores apropriados:

Nome da cena	Finalidade do temporizador	Fonte de página web
A Começar em Breve	Contagem pré‑stream	URL do Temporizador 1
BRB - Curta	Pausa de 5 minutos	URL do Temporizador 2
BRB - Longa	Pausa de 15 minutos	URL do Temporizador 3
Contagem de Evento	Evento especial	URL do Temporizador 4

Fluxo: Mude de cena para alternar automaticamente os temporizadores

Estratégia 2: Múltiplas fontes de página web

Adicione várias fontes de página web a uma cena:

Adicione a primeira fonte de página web do temporizador
Adicione a segunda fonte (URL diferente)
Use alternância de visibilidade para mostrar/ocultar temporizadores
Defina teclas de atalho para alternância rápida

Fluxo: Fique numa cena e alterne a visibilidade do temporizador

Estratégia 3: Troca de URL na fonte

Use uma única fonte de página web e troque o URL conforme necessário:

Crie a fonte de página web com o URL do Temporizador A
Ao alternar temporizadores, clique direito → Properties
Altere o URL para o Temporizador B
Clique OK para aplicar

Fluxo: Mínimas fontes, alterações manuais de URL

Tip

Melhor abordagem: Estratégia 1 (cenas diferentes) é a mais limpa para organização. A Estratégia 2 funciona bem para alternâncias rápidas de visibilidade durante o stream.

Casos de utilização comuns

Cenário de streaming	Setup no XSplit	Configuração do temporizador
A Começar em Breve	Cena de ecrã completo	Temporizador CountTo 1920×1080
Temporizador de Pausa	Cena BRB com overlay	Countdown 800×400 (5–15 min)
Subathon	Temporizador em todas as cenas	Barra superior Countdown 1920×100
Rondas de Torneio	Cena de torneio	Temporizador 600×300
Giveaway	Overlay lateral na cena principal	Contagem 400×600

Apresentações do XSplit

A funcionalidade de “presentation” do XSplit guarda o seu setup completo:

Guardar o seu setup:

Configure todas as cenas com temporizadores
File → Save Presentation
Dê um nome descritivo (ex.: “Setup de Stream - Temporizadores”)
Carregue esta apresentação nos streams futuros

Benefícios:

O que é guardado	Benefício
Todas as cenas	Reprodução instantânea de cenas
Fontes de página web com URLs	Sem necessidade de voltar a inserir URLs
Posições e tamanhos das fontes	Layout consistente
Ordem de camadas	Hierarquia visual fiável
Atribuição de hotkeys	Preservação do fluxo de trabalho

Information

Guarde apresentações diferentes para tipos distintos de stream (regular, eventos especiais, IRL), com temporizadores apropriados pré-configurados!

Resolução de problemas

Temporizador não aparece

Problema	Causa	Solução
Fonte de página web vazia	URL incorreto	Verifique URL: `https://gettickr.app/r/#...`
Temporizador cortado	Fonte demasiado pequena	Aumente width/height para corresponder ao timer
Fundo preto	Transparência não funciona	Verifique se o design do timer tem fundo transparente
Nada carrega	Sem internet	Verifique a ligação de rede
Temporizador atrás de fontes	Ordem de camadas errada	Clique direito → Order → Bring Forward

Problemas de desempenho

Sintoma	Causa	Solução
Animação “aos solavancos”	Aceleração por hardware OFF	Ative a aceleração por hardware
XSplit com lag	Demasiadas fontes de página web	Reduza fontes ativas
CPU alta	Renderização por software	Ative GPU/aceleração por hardware
Quedas na codificação	Carga geral do sistema	Feche programas desnecessários

Tip

O XSplit mostra uso de CPU/GPU no canto inferior direito. Monitorize estes métricos para identificar gargalos de desempenho!

Problemas de sincronização

Problema	Correção
Timer grátis: alterações não aparecem	Copie novo URL e atualize propriedades da fonte
Timer Premium: controlo remoto não funciona	Garanta que o separador do editor está aberto
Temporizador parece congelado	Clique direito na fonte → Refresh
Temporizador fora de sincronização	Recarregue a fonte de página web ou reinicie o XSplit

Warning

Temporizadores grátis geram um novo URL a cada edição. Tem de atualizar as propriedades da fonte de página web com o novo URL. Temporizadores Premium mantêm URLs estáveis!

Próximos Passos

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

Integração com XSplit

Information

Este guia explica como adicionar temporizadores de contagem decrescente da gettickr.app tanto ao XSplit Broadcaster como ao XSplit Gamecaster.

O que precisa

Requisito	Detalhes
XSplit Broadcaster ou Gamecaster	Download em xsplit.com
Temporizador gettickr.app	Criado na gettickr.app
URL do Temporizador	URL de apresentação/renderizador do seu temporizador
Ligação à Internet	Necessária para a fonte de página web

Tip

O XSplit usa “fontes de página web” em vez de “fontes de navegador” (termo do OBS), mas funcionam exatamente da mesma forma!

Integração com XSplit Broadcaster

Passo 1: Criar o seu temporizador

Primeiro, prepare o seu temporizador na gettickr.app:

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

Premium Feature

Guarde o seu temporizador para obter um URL estável. Temporizadores Premium mantêm o mesmo URL mesmo após edições, enquanto temporizadores grátis geram novos URLs a cada alteração.

Passo 2: Adicionar uma Fonte de Página Web

Adicione o temporizador à sua cena no XSplit:

Abra o XSplit Broadcaster
Selecione a cena onde pretende o temporizador
Clique em "Add Source" ou clique com o botão direito na área da cena
Selecione "Webpage..." na lista de tipos de fonte
Abre-se o diálogo de configuração da Webpage source

Passo 3: Configurar a Fonte de Página Web

Defina a sua fonte de página web com estas opções:

Definição	Valor	Notas
Name	"Temporizador Contagem" ou nome descritivo	Ajuda a identificar a fonte depois
URL	`https://gettickr.app/r/#SEU-TIMER-ID`	Cole aqui o seu URL de temporizador
Width	`1920` (ou largura do design do timer)	Corresponda às dimensões do timer
Height	`1080` (ou altura do design do timer)	Corresponda às dimensões do timer
Use hardware acceleration	✅ Recomendado	Melhora a fluidez da animação
Refresh interval	Padrão (geralmente 1000 ms)	Definição padrão funciona bem

Clique em "OK" para adicionar a fonte de página web.

Passo 4: Posicionar e redimensionar

O seu temporizador aparece no editor da cena:

Mover: Clique e arraste o temporizador para a posição desejada
Redimensionar: Arraste as alças nos cantos para ajustar o tamanho
Manter proporção: Redimensione normalmente para manter as proporções
Redimensionamento livre: Mantenha Shift enquanto arrasta para redimensionar livremente
Ordem de camadas: Clique direito → Order → Bring Forward/Send Backward

Ação de Transform	Como aceder	Caso de utilização
Bring to Front	Clique direito → Order	Colocar temporizador acima de tudo
Send to Back	Clique direito → Order	Colocar temporizador sob overlays
Center	Propriedades de Transform	Centrar rapidamente
Fit to Screen	Redimensionar ao tamanho da tela	Temporizador em ecrã completo

Tip

Use a funcionalidade de “snap-to-edge” do XSplit para alinhar perfeitamente temporizadores às bordas da cena ou a outras fontes!

Integração com XSplit Gamecaster

O XSplit Gamecaster tem uma interface simplificada otimizada para streams de gaming.

Adicionar temporizador ao Gamecaster

Abra o XSplit Gamecaster
Clique em "Overlays"
Selecione "Add Overlay" → "Webpage"
Cole o URL do seu temporizador
Dê-lhe um nome (ex.: "Temporizador Pausa")
Escolha posições predefinidas ou colocação personalizada

Predefinição Gamecaster	Ideal para
Top Center	Temporizadores de pausa, contagens de evento
Top Right	Temporizadores pequenos no canto
Bottom Center	Barras de temporizador a toda a largura
Center	Temporizadores de ecrã completo “A começar”
Custom	Posicionamento manual preciso

Information

O sistema de overlays simplificado do Gamecaster torna a configuração mais rápida, mas oferece menos personalização do que o editor de cenas completo do Broadcaster.

Definições Avançadas do XSplit

Aceleração por hardware

A aceleração por hardware do XSplit melhora o desempenho de fontes de página web:

Definição	Impacto de desempenho	Quando usar
Enabled	Maior fluidez da animação, maior uso de GPU	Tem GPU dedicada
Disabled	Menor uso da GPU, possível animação aos solavancos	CPU mais forte que GPU

Tip

Se a animação do temporizador parecer “aos solavancos”, ative a aceleração por hardware. Se notar lag geral no stream, experimente desativá-la.

Intervalo de atualização (Refresh Interval)

O intervalo de atualização controla com que frequência o XSplit recarrega a fonte de página web:

Intervalo	Efeito	Melhor para
500 ms	Atualizações muito frequentes	Precisão crítica da contagem
1000 ms (1 s)	Padrão, equilibrado	Uso padrão de temporizadores
2000 ms	Atualizações menos frequentes	Timers estáticos ou lentos

Information

Para temporizadores da gettickr.app, o intervalo padrão de 1000 ms funciona perfeitamente. O temporizador continua a contar suavemente entre atualizações.

Propriedades da fonte

Clique com o botão direito na sua fonte de página web do temporizador para mais opções:

Opção	O que faz	Quando usar
Refresh	Recarrega a página manualmente	Temporizador parece congelado
Properties	Reabre a configuração	Alterar URL ou dimensões
Rename	Muda o nome da fonte	Melhor organização
Duplicate	Copia a fonte	Reutilizar temporizador noutras cenas
Remove	Remove a fonte	Limpar temporizadores não usados

Gestão de camadas

O XSplit usa camadas para determinar o que aparece por cima:

Estratégia de camadas	Como implementar	Caso de utilização
Temporizador no topo	Clique direito → Bring to Front	Temporizador visível sobre tudo
Temporizador sob overlays	Posicionar entre camadas	Temporizador visível, mas sob alertas
Temporizador como fundo	Send to Back	Temporizador atrás do gameplay
Camadas agrupadas	Agrupar fontes relacionadas	Gerir múltiplos elementos juntos

Tip

Mantenha Ctrl e clique em várias fontes para as selecionar em conjunto; depois clique direito para aplicar transformações a todas de uma vez!

Controlo remoto com XSplit

Controlo Remoto Premium

Utilizadores Premium da gettickr.app podem controlar temporizadores durante o streaming:

Configuração:

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

Ações de controlo:

Ação	Efeito	Comportamento no XSplit
Iniciar	Começa a contagem	Atualiza instantaneamente na cena
Pausar	Congela o temporizador	Pausa de imediato
Repor	Volta ao início	Repor sem recarregar
Ajustar Duração	Altera o tempo	Atualiza em tempo real
Atualizar Design	Modifica aparência	Mudanças aparecem de imediato

Premium Feature

Todas as alterações sincronizam em tempo real com o XSplit! Não é necessário recarregar manualmente a fonte de página web.

Funcionalidade	Temporizador Grátis	Temporizador Premium
Adicionar ao XSplit	✅ Sim	✅ Sim
Controlo remoto	❌ Não	✅ Sim
Estabilidade de URL	❌ Muda com edições	✅ Mantém sempre
Biblioteca de timers	❌ Não	✅ Sim
Persistência de estado	❌ Repõe	✅ Guarda estado

Configuração de temporizadores multi-cena

Estratégia 1: Temporizadores diferentes por cena

Crie cenas especializadas com temporizadores apropriados:

Nome da cena	Finalidade do temporizador	Fonte de página web
A Começar em Breve	Contagem pré‑stream	URL do Temporizador 1
BRB - Curta	Pausa de 5 minutos	URL do Temporizador 2
BRB - Longa	Pausa de 15 minutos	URL do Temporizador 3
Contagem de Evento	Evento especial	URL do Temporizador 4

Fluxo: Mude de cena para alternar automaticamente os temporizadores

Estratégia 2: Múltiplas fontes de página web

Adicione várias fontes de página web a uma cena:

Adicione a primeira fonte de página web do temporizador
Adicione a segunda fonte (URL diferente)
Use alternância de visibilidade para mostrar/ocultar temporizadores
Defina teclas de atalho para alternância rápida

Fluxo: Fique numa cena e alterne a visibilidade do temporizador

Estratégia 3: Troca de URL na fonte

Use uma única fonte de página web e troque o URL conforme necessário:

Crie a fonte de página web com o URL do Temporizador A
Ao alternar temporizadores, clique direito → Properties
Altere o URL para o Temporizador B
Clique OK para aplicar

Fluxo: Mínimas fontes, alterações manuais de URL

Tip

Melhor abordagem: Estratégia 1 (cenas diferentes) é a mais limpa para organização. A Estratégia 2 funciona bem para alternâncias rápidas de visibilidade durante o stream.

Casos de utilização comuns

Cenário de streaming	Setup no XSplit	Configuração do temporizador
A Começar em Breve	Cena de ecrã completo	Temporizador CountTo 1920×1080
Temporizador de Pausa	Cena BRB com overlay	Countdown 800×400 (5–15 min)
Subathon	Temporizador em todas as cenas	Barra superior Countdown 1920×100
Rondas de Torneio	Cena de torneio	Temporizador 600×300
Giveaway	Overlay lateral na cena principal	Contagem 400×600

Apresentações do XSplit

A funcionalidade de “presentation” do XSplit guarda o seu setup completo:

Guardar o seu setup:

Configure todas as cenas com temporizadores
File → Save Presentation
Dê um nome descritivo (ex.: “Setup de Stream - Temporizadores”)
Carregue esta apresentação nos streams futuros

Benefícios:

O que é guardado	Benefício
Todas as cenas	Reprodução instantânea de cenas
Fontes de página web com URLs	Sem necessidade de voltar a inserir URLs
Posições e tamanhos das fontes	Layout consistente
Ordem de camadas	Hierarquia visual fiável
Atribuição de hotkeys	Preservação do fluxo de trabalho

Information

Guarde apresentações diferentes para tipos distintos de stream (regular, eventos especiais, IRL), com temporizadores apropriados pré-configurados!

Resolução de problemas

Temporizador não aparece

Problema	Causa	Solução
Fonte de página web vazia	URL incorreto	Verifique URL: `https://gettickr.app/r/#...`
Temporizador cortado	Fonte demasiado pequena	Aumente width/height para corresponder ao timer
Fundo preto	Transparência não funciona	Verifique se o design do timer tem fundo transparente
Nada carrega	Sem internet	Verifique a ligação de rede
Temporizador atrás de fontes	Ordem de camadas errada	Clique direito → Order → Bring Forward

Problemas de desempenho

Sintoma	Causa	Solução
Animação “aos solavancos”	Aceleração por hardware OFF	Ative a aceleração por hardware
XSplit com lag	Demasiadas fontes de página web	Reduza fontes ativas
CPU alta	Renderização por software	Ative GPU/aceleração por hardware
Quedas na codificação	Carga geral do sistema	Feche programas desnecessários

Tip

O XSplit mostra uso de CPU/GPU no canto inferior direito. Monitorize estes métricos para identificar gargalos de desempenho!

Problemas de sincronização

Problema	Correção
Timer grátis: alterações não aparecem	Copie novo URL e atualize propriedades da fonte
Timer Premium: controlo remoto não funciona	Garanta que o separador do editor está aberto
Temporizador parece congelado	Clique direito na fonte → Refresh
Temporizador fora de sincronização	Recarregue a fonte de página web ou reinicie o XSplit

Warning

Temporizadores grátis geram um novo URL a cada edição. Tem de atualizar as propriedades da fonte de página web com o novo URL. Temporizadores Premium mantêm URLs estáveis!

Próximos Passos

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