Integración con OBS Studio

Esta guía te acompaña en la adición de temporizadores de cuenta atrás de gettickr.app a tu configuración de OBS Studio, desde la configuración inicial hasta flujos de trabajo de streaming avanzados.

Requisitos

Antes de empezar, asegúrate de tener:

Guía de integración paso a paso

Paso 1: Crea el temporizador y copia la URL

Primero, necesitas crear tu temporizador y obtener su URL de visualización:

1. Ve al Editor
2. Crea y personaliza tu temporizador (diseño, duración, colores)
3. En la sección Renderer, encuentra la URL de visualización de tu temporizador
4. Copia la URL completa, se ve como: https://gettickr.app/r/#TU-ID-DE-TEMPORIZADOR

Paso 2: Añade fuente de navegador en OBS

Ahora añade el temporizador a tu escena de OBS:

1. Abre OBS Studio y selecciona la escena donde quieres el temporizador
2. En el panel Sources, haz clic en el botón "+"
3. Selecciona "Browser" de la lista de tipos de fuente
4. Dale a tu fuente un nombre descriptivo (ej. "Countdown Timer" o "Break Timer")
5. Haz clic en OK

Paso 3: Configura los ajustes de la fuente de navegador

En la ventana de propiedades de la fuente de navegador, configura estos ajustes:

Haz clic en OK para crear la fuente de navegador.

Paso 4: Posiciona y escala el temporizador

Tu temporizador ahora aparece en la vista previa de OBS. Posiciónalo y redimensiónalo:

1. Mover: Haz clic y arrastra el temporizador a tu posición deseada
2. Redimensionar: Arrastra los controles de las esquinas para ajustar el tamaño
3. Escalado proporcional: Mantén presionado Shift mientras arrastras para mantener la relación de aspecto
4. Alinear: Clic derecho → Transform → para opciones de alineación
5. Bloquear: Clic derecho → Lock para prevenir movimiento accidental

Ideas de configuración de escenas de OBS

Funciones Premium en OBS

Control remoto durante el stream

Con una cuenta Premium, puedes controlar tu temporizador mientras haces streaming sin tocar OBS:

Configuración:

1. Abre el Editor en una pestaña separada del navegador o en un segundo monitor
2. Carga tu temporizador Premium guardado
3. Mantén el editor abierto durante tu stream

Control:

• Iniciar temporizador cuando comience el stream
• Pausar si necesitas extender una pausa
• Reiniciar para volver a comenzar la cuenta atrás
• Ajustar duración sobre la marcha
• Actualizar diseño sin salir de tu stream

Problemas comunes y soluciones

El temporizador no se muestra

El temporizador no se actualiza o sincroniza

Problemas de rendimiento

Configuraciones avanzadas de OBS

Múltiples temporizadores

Puedes añadir múltiples temporizadores a OBS para diferentes propósitos:

Estrategia 1: Diferentes escenas

Estrategia 2: Múltiples fuentes en una escena

1. Añade varias fuentes de navegador con diferentes URLs de temporizador
2. Usa el icono de ojo en el panel Sources para mostrar/ocultar temporizadores
3. Configura atajos de teclado para alternar visibilidad rápidamente
4. Solo un temporizador visible a la vez

Atajos de teclado para temporizadores

Configura atajos de teclado para control rápido del temporizador:

1. Ve a Settings → Hotkeys en OBS
2. Desplázate hasta encontrar tu fuente de temporizador
3. Establece atajos para:
   • Show - Hacer visible el temporizador
   • Hide - Ocultar temporizador
   • Toggle Visibility - Alternar mostrar/ocultar

Filtros para temporizadores

Añade filtros de OBS a tu fuente de temporizador para efectos visuales:

Integración con plugins de OBS

StreamFX

Si usas StreamFX para efectos avanzados:

• Aplica efectos de resplandor al temporizador para énfasis
• Usa efectos de sombra para profundidad
• Añade efectos de borde para separación del fondo

Advanced Scene Switcher

Automatiza el cambio de escenas basado en temporizadores:

1. Cuando el temporizador alcanza 0, cambia automáticamente a la escena Live
2. Cuando comienza el stream, muestra automáticamente el temporizador
3. Configura escenarios de cambio complejos basados en condiciones

Source Record

Graba solo tu temporizador por separado:

• Útil para análisis post-stream
• Crear clips destacados con temporizadores
• Archivar momentos específicos del evento

Flujo de trabajo de streaming

Flujo pre-stream

Durante el stream

Post-stream

1. Guardar cambios en temporizadores si se modificaron
2. Exportar grabación de stream con marcas de tiempo
3. Revisar análisis de temporización de eventos
4. Actualizar temporizadores guardados para próximo stream

Mejores prácticas

Accesibilidad para espectadores

Diseño legible

Posicionamiento

• No bloquees contenido clave: Mantén temporizadores en zonas seguras
• Visibilidad consistente: Misma ubicación en todas las escenas
• Tamaño apropiado: Visible pero no abrumador

Casos de uso específicos

Streams de subathon

• Usa barra superior persistente (1920×100)
• Muestra tiempo total restante
• Actualiza dinámicamente con donaciones
• Mantén visible en todas las escenas

Torneos de esports

• Temporizador de ronda en tercio inferior
• Cuenta atrás entre partidos
• Sincroniza con pausas del juego
• Diseño profesional limpio

Streams educativos

• Temporizador de segmento de lección
• Cuenta atrás de descanso
• Temporizador de Q&A
• Posicionamiento que no distrae

Streams de creatividad

• Temporizador de sesión de trabajo
• Pausas de estiramiento programadas
• Cuenta atrás de finalización de proyecto
• Diseño que coincide con estética artística

Próximos pasos

• Personalizar diseño - Haz que tu temporizador coincida con la estética de tu stream
• Control remoto - Aprende sobre las funciones de control remoto Premium
• Integración con Streamlabs - Guía de software de streaming alternativo