Vista previa vs. Visualización del Countdown Renderer
Comprender la diferencia entre la vista previa y el renderer es esencial para trabajar eficazmente con gettickr.app. Aunque pueden parecer similares, tienen propósitos diferentes y se comportan de manera diferente.
La vista previa del editor
La vista previa que ves en el editor es una representación en vivo de tu temporizador con controles interactivos completos. Cada ajuste que hagas a colores, fuentes, duración o configuraciones aparece instantáneamente.
Características de la vista previa:
- ✅ Actualizaciones en tiempo real mientras editas
- ✅ Botones de control (play, pause, reset)
- ✅ Pruebas de diseño y refinamiento
- ✅ Se ejecuta localmente en tu navegador
La visualización del Countdown
La visualización del countdown es la vista limpia y pública cuando incrustas tu temporizador en OBS, en tu sitio web o compartes la URL de visualización. Muestra tu temporizador exactamente como está configurado, sin controles del editor.
Características de la visualización del Countdown:
- ✅ Optimizada para visualización pública
- ✅ Sin interfaz de edición ni controles
- ✅ Ligera y eficiente
- ✅ Perfecta para incrustar
Diferencias clave: Gratuito vs. Premium
| Característica | Temporizadores gratuitos | Temporizadores premium |
|---|---|---|
| Inicio automático visualización | ✅ Inicia cuando se carga la página | ✅ Inicia cuando se carga la página O se controla remotamente |
| Control remoto | ❌ No (solo vista previa) | ✅ Sí (el editor controla la visualización) |
| Estabilidad de URL | ❌ Nueva URL por edición | ✅ Misma URL después de ediciones |
| Persistencia de estado | ❌ Se reinicia al recargar página | ✅ Recuerda estado entre recargas |
| Sincronización | ❌ Sin sincronización | ✅ Sincronización en tiempo real en todas las visualizaciones |
Comportamiento de temporizadores gratuitos
Limitaciones importantes:
- Hacer cambios en el editor genera una nueva URL
- Debes actualizar la URL en OBS/sitio web después de ediciones
- El temporizador se reinicia al inicio en cada actualización de página
- Sin control remoto durante el uso en vivo
Flujo de trabajo para temporizadores gratuitos:
- Diseña el temporizador completamente en el editor
- Prueba a fondo en la vista previa
- Copia la URL de visualización
- Incrusta en OBS/sitio web
- Para cambios: Edita → Obtén nueva URL → Actualiza incrustación
Sincronización de temporizadores Premium
Ventajas premium:
- URLs estables: La URL de visualización nunca cambia, incluso después de ediciones
- Control remoto: Los botones del editor controlan la visualización del countdown en vivo
- Sincronización entre dispositivos: Controla desde el ordenador, pausa desde el teléfono
- Persistencia de estado: El temporizador recuerda la posición entre sesiones
Flujo de trabajo para temporizadores premium:
- Crea y guarda el temporizador
- Incrusta la URL del renderer una vez
- Controla en cualquier momento desde el editor (¡incluso durante streams en vivo!)
- Realiza cambios de diseño sin actualizar incrustaciones
- El estado del temporizador persiste entre reinicios del navegador
Próximos pasos
- Control remoto - Controlar temporizadores remotamente
- Integración con OBS - Incrustar temporizadores en streams