Integração com Streamlabs
Information
O Streamlabs é um software de streaming tudo‑em‑um popular, baseado na
tecnologia do OBS e com funcionalidades focadas em streaming, alertas e
integrações. Adicionar temporizadores da gettickr.app ao Streamlabs é rápido e
fácil!
Este guia mostra como integrar temporizadores de contagem decrescente da gettickr.app no seu setup do Streamlabs usando fontes de navegador (browser sources).
O que precisa
| Requisito | Detalhes |
|---|---|
| Streamlabs | Aplicação desktop (Download) |
| 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 navegador |
Tip
O Streamlabs usa a mesma tecnologia de fonte de navegador que o OBS
Studio, por isso, se já usou o OBS, este processo será muito familiar!
Integração passo a passo
Passo 1: Criar e preparar o seu temporizador
Antes de adicionar o temporizador ao Streamlabs, configure‑o na gettickr.app:
- Abra o Editor
- Crie e personalize o temporizador (duração, cores, fontes, layout)
- Aceda à secção Renderer
- Copie o URL de apresentação, no formato:
https://gettickr.app/r/#SEU-TIMER-ID
Premium Feature
Guarde primeiro o seu temporizador para obter um URL estável.
Temporizadores Premium mantêm o mesmo URL mesmo após edições. Temporizadores
grátis geram novos URLs a cada alteração.
Passo 2: Adicionar a fonte de navegador no Streamlabs
Agora adicione o temporizador à sua cena:
- Abra o Streamlabs e selecione a cena desejada
- No painel Sources, clique no ícone "+" (plus)
- Selecione "Browser Source" na lista de tipos de fonte
- Dê um nome descritivo (ex.: "Temporizador Contagem", "Temporizador Pausa", "Contagem de Evento")
- Clique em "Add Source"
Passo 3: Configurar a fonte de navegador
Configure a Browser Source para mostrar o seu temporizador gettickr.app:
| Definição | Valor recomendado | Notas |
|---|---|---|
| URL | https://gettickr.app/r/#SEU-TIMER-ID | Cole aqui o URL do seu temporizador |
| Width | 1920 | Corresponda à largura do design |
| Height | 1080 | Corresponda à altura do design |
| FPS | 30 | Suficiente para animação fluida |
| CSS | Deixe vazio | Não é necessário |
| Shutdown source when not visible | ⚠️ Opcional | Poupa recursos mas pode repor o timer |
| Refresh browser when scene becomes active | ⬜ Normalmente desativado | Ative apenas se quiser recarregar o timer |
Warning
Ativar "Shutdown source when not visible" pode fazer o seu
temporizador repor ao alternar cenas. Teste esta opção conforme o seu
fluxo de trabalho!
Clique em "Done" para adicionar a Browser Source.
Passo 4: Posicionar e redimensionar
O seu temporizador aparece agora no editor de cena:
- Mover: Clique e arraste o temporizador para a posição desejada
- Redimensionar: Arraste as alças vermelhas dos cantos para ajustar o tamanho
- Escala proporcional: Mantenha Shift enquanto arrasta os cantos
- Bloquear posição: Clique direito → Lock para evitar movimentos acidentais
- Ajustes finos: Use as teclas de seta para posicionamento ao píxel
| Ação Rápida | Atalho | Utilização |
|---|---|---|
| Center Horizontally | Menu Transform | Centrar horizontalmente |
| Center Vertically | Menu Transform | Centrar verticalmente |
| Fit to Screen | Menu Transform | Temporizador em ecrã total |
| Reset Transform | Menu Transform | Voltar ao tamanho original |
Funcionalidades específicas do Streamlabs
Integração de Widgets
O Streamlabs tem um sistema de widgets. Embora os temporizadores gettickr.app funcionem muito bem como fontes de navegador, são separados dos widgets nativos do Streamlabs:
| Funcionalidade | Widgets Streamlabs | Temporizadores gettickr.app |
|---|---|---|
| Personalização | Modelos limitados | Totalmente personalizáveis |
| Uso fora do Streamlabs | ❌ Não | ✅ Sim (web, OBS, XSplit) |
| Controlo remoto | ⬜ Limitado | ✅ Sim (Premium) |
| Liberdade de design | ⬜ Baseado em modelos | ✅ Controlo completo |
| URLs estáveis | N/A | ✅ Sim (Premium) |
Information
Use os temporizadores da gettickr.app como fontes de navegador para
máxima flexibilidade e controlo. Funcionam juntamente com os widgets do
Streamlabs sem conflitos!
Coleções de Cenas (Scene Collections)
A funcionalidade de coleções de cenas do Streamlabs funciona perfeitamente com os temporizadores gettickr.app:
- Crie coleções de cenas diferentes para tipos de stream distintos
- Adicione temporizadores adequados a cada coleção
- Alterne entre coleções para mudar todo o setup do seu stream
Exemplos de coleções:
| Coleção de Cenas | Temporizadores incluídos |
|---|---|
| Stream Padrão | Temporizador de pausa, contagem de evento |
| Eventos Especiais | Temporizador de torneio, contagem de giveaway |
| A Começar em Breve | Contagem pré‑stream |
| Just Chatting | Temporizador de tópicos, contagem de Q&A |
Temas do Streamlabs
Ao usar temas do Streamlabs, posicione o seu temporizador gettickr.app para complementar o design do tema:
- Temas de overlay: Coloque o temporizador nas áreas designadas do overlay
- Temas de alertas: Garanta que o temporizador não sobrepõe as posições de alertas
- Temas de chat box: Posicione o temporizador para não bloquear o chat
- Temas de moldura de câmara: Integre o temporizador em espaços vazios
Controlo remoto com Streamlabs
Controlo Remoto Premium
Com uma conta Premium gettickr.app, pode controlar o seu temporizador enquanto transmite:
Configuração:
- Abra o Editor num separador do navegador ou num segundo monitor
- Carregue o seu temporizador Premium guardado
- Mantenha o editor aberto durante o stream
Funções de controlo:
| Ação | O que faz | Quando usar |
|---|---|---|
| Iniciar | Começa a contagem | Início do stream, início de pausa |
| Pausar | Congela o temporizador | Interrupção inesperada |
| Repor | Volta à duração inicial | Reiniciar a contagem |
| Ajustar Duração | Altera o tempo restante | Prolongar/encurtar a pausa |
| Atualizar Design | Modifica cores, fontes, layout | Alinhar ao tema do stream |
Premium Feature
Todas as alterações sincronizam instantaneamente com o
Streamlabs! Não é preciso atualizar a Browser Source nem mudar URLs.
| Funcionalidade | Temporizador Grátis | Temporizador Premium |
|---|---|---|
| Adicionar ao Streamlabs | ✅ Sim | ✅ Sim |
| Controlo remoto | ❌ Não | ✅ Sim |
| URL após edições | ❌ Muda | ✅ Mantém |
| Biblioteca de timers | ❌ Não | ✅ Sim |
| Persistência de estado | ❌ Repõe | ✅ Guarda |
Múltiplos temporizadores no Streamlabs
Muitos streamers usam múltiplos temporizadores para diferentes finalidades. Eis estratégias comuns:
Estratégia 1: Múltiplas cenas
Crie cenas separadas para diferentes usos de temporizador:
| Nome da Cena | Finalidade do Temporizador | Tipo de Temporizador |
|---|---|---|
| A Começar em Breve | Contagem pré‑stream | CountTo (hora específica) |
| BRB | Temporizador de pausa | Countdown (5–15 min) |
| Ao Vivo | Overlay de contagem de evento | CountTo (evento futuro) |
| A Terminar | Contagem de término do stream | Countdown (10 min) |
Benefícios: Organização limpa, controlo total de cena, alternância fácil
Estratégia 2: Múltiplas fontes numa cena
Adicione várias Browser Sources à mesma cena e alterne a visibilidade:
- Adicione múltiplas Browser Sources com diferentes URLs de temporizador
- Defina a visibilidade para cada temporizador
- Use teclas de atalho para mostrar/ocultar conforme necessário
- Apenas um temporizador visível de cada vez
Benefícios: Alternância rápida, gestão numa única cena, menor complexidade
Estratégia 3: Camadas de cena
Sobreponha temporizadores para diferentes propósitos:
- Camada de fundo: Contagem de evento sempre visível
- Camada de primeiro plano: Temporizador de pausa que aparece quando necessário
- Camada de overlay: Temporizador especial para giveaways
Problemas comuns & soluções
Temporizador não aparece
| Problema | Causa | Solução |
|---|---|---|
| Browser Source preta/vazia | URL incorreto | Verifique se começa com https://gettickr.app/r/# |
| Temporizador cortado | Fonte de navegador pequena | Aumente width/height para corresponder ao design |
| Temporizador atrás de outras fontes | Ordem de camadas errada | Mova a Browser Source para cima em Sources |
| Nada carrega | Sem internet | Verifique a ligação de rede |
Problemas de comportamento do temporizador
| Problema | Causa | Correção |
|---|---|---|
| Timer repõe ao alternar cenas | "Shutdown when not visible" ativado | Desative essa definição |
| Timer não atualiza após edição (grátis) | Novo URL gerado | Copie o novo URL e atualize a Browser Source |
| Controlo remoto não funciona (Premium) | Editor fechado | Mantenha o separador do editor aberto |
| Temporizador congelado | Browser Source em pausa | Clique direito na fonte → Refresh |
Warning
Temporizadores grátis criam um novo URL a cada edição. Tem de
atualizar o URL da Browser Source no Streamlabs após cada edição.
Temporizadores Premium mantêm URLs estáveis!
Problemas de desempenho
| Sintoma | Solução |
|---|---|
| Streamlabs com atrasos | Reduza a resolução ou FPS da Browser Source |
| CPU alta | Ative "Shutdown when not visible" em timers não usados |
| Animação aos solavancos | Aumente o FPS da Browser Source para 30 |
| Problemas na codificação do stream | Feche Browser Sources desnecessárias |
Tip
Browser Sources são leves quando bem configuradas. Cada temporizador
gettickr.app usa recursos mínimos de CPU/GPU!
Próximos passos
- Integração com XSplit — 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