Visión general de la integración para streaming
Esta página explica cómo integrar tus temporizadores de gettickr.app en software de streaming (OBS Studio, Streamlabs, XSplit) de forma fluida y fiable. El objetivo es conseguir un render nítido, actualizaciones instantáneas y un control sencillo durante el directo.
Information
Los temporizadores se integran mediante una “Fuente de navegador”
(Browser Source) usando la URL de visualización (Renderer). Los temporizadores
Premium disponen de una URL estable que no cambia cuando modificas el
temporizador: integras una vez y los cambios se aplican automáticamente.
Elegir el tipo de temporizador adecuado
- Countdown (duración): cuenta atrás fija (p. ej., “Pausa 10 min”)
- CountTo (fecha): cuenta hasta una fecha/hora objetivo (p. ej., “Año Nuevo”)
Tip
Usa Countdown para duraciones previsibles (pausas, segmentos). Elige
CountTo para eventos programados (inicio del directo, lanzamiento de producto,
webinar).
Integración en OBS Studio
- Abre OBS y tu escena
- Añade una Fuente → “Navegador”
- Pega la URL del Renderer del temporizador
- Define ancho/alto (p. ej., 1920x1080 o el tamaño deseado)
- Coloca y redimensiona el temporizador en la escena
- Valida y comprueba la vista previa
Parámetros útiles:
- “Refrescar el navegador al activar la escena”: normalmente no es necesario; las actualizaciones se envían en tiempo real
- CSS personalizado: posible, pero es preferible usar las opciones de diseño del editor para mantenerlo simple
Warning
Prueba siempre la legibilidad en la vista previa de OBS (contraste,
tamaños de tipografía) y en condiciones reales de compresión del stream.
Integración en Streamlabs y XSplit
El proceso es similar a OBS:
- Añade una Fuente de navegador
- Pega la URL del Renderer
- Ajusta tamaño y posición
- Comprueba el render en la vista previa
Information
Las actualizaciones (duración/diseño/objetivo) aparecen de forma
instantánea en la Fuente de navegador para temporizadores Premium. Los
temporizadores Free pueden requerir una nueva URL tras modificaciones
importantes.
Control remoto (Premium)
Con el control remoto puedes gestionar el temporizador durante el directo:
- Countdown: iniciar, pausar, reanudar, restablecer, ajustar la duración
- CountTo: modificar la fecha/hora objetivo
- Diseño y configuración: ajustes en directo
Flujo recomendado:
- Pantalla principal: software de streaming (OBS/Streamlabs/XSplit)
- Pantalla secundaria o dispositivo móvil: editor de gettickr.app con controles abiertos
- Pantalla del stream: Renderer integrado mediante Fuente de navegador
Tip
Mantén el editor abierto en un segundo monitor/dispositivo para hacer
ajustes rápidos sin “alt-tab” durante el directo.
Buenas prácticas
- Legibilidad:
- Tipografía sans-serif, tamaño suficiente y alto contraste
- Espaciados regulares, etiquetas claras si son necesarias (días/horas/minutos/segundos)
- Posicionamiento:
- Evita tapar elementos importantes (overlay, chat, alertas)
- Verifica el encuadre en 16:9 / 9:16 según la plataforma
- Coherencia visual:
- Armoniza colores y tipografías con tu branding
- Prueba previa al directo:
- Ensaya inicio/pausa/reset (Countdown) o actualizar objetivo (CountTo)
- Premium recomendado:
- URL estable, actualizaciones instantáneas, control remoto, biblioteca de temporizadores
Resolución de problemas
- El temporizador no se actualiza:
- Comprueba que la URL del Renderer sea correcta
- Asegúrate de que el editor está abierto (para ajustes en directo) o que el temporizador está guardado (Premium)
- Prueba a recargar la Fuente de navegador
- Baja legibilidad:
- Aumenta el tamaño de la tipografía y el contraste; simplifica la disposición
- Objetivo incorrecto (CountTo):
- Confirma formato ISO 8601 en UTC y la zona horaria
- Desfase o congelación:
- Verifica la conexión de red, la escena activa y las prioridades de CPU/encoder
- URL que cambia:
- Usa Premium para una URL estable y actualizaciones sin reinstalar el embed
Comparativa rápida
| Aspecto | Free | Premium |
|---|---|---|
| Guardado | No | Sí (panel, biblioteca) |
| URL del Renderer | Puede cambiar tras modificaciones | Estable, no cambia |
| Actualizaciones en streaming | A veces requiere nueva URL | Automáticas e instantáneas |
| Control remoto | No | Sí (Countdown: inicio/pausa/reset, etc.) |
| Integración OBS/Streamlabs | Sí (Fuente de navegador) | Sí (con control y URL estable) |
Consejos de rendimiento
- Evita escenas sobrecargadas (demasiados elementos animados)
- Usa resoluciones y tamaños acordes al render final
- Prueba el consumo de CPU/GPU de la Fuente de navegador
- Para overlays complejos, utiliza CSS moderado y las opciones de diseño del editor
Próximos pasos
- Control remoto — Gestiona los temporizadores durante el directo
- Guardar y gestionar — Crea una biblioteca de temporizadores (Premium)
- Vista previa vs. Renderer — Entiende el flujo de visualización
- Free vs. Premium — Elige la modalidad adecuada para tu uso