Vorschau vs. Countdown-Anzeige
Es ist wichtig, den Unterschied zwischen der Vorschau und der Renderer-Anzeige bei gettickr.app zu verstehen. Auch wenn beide ähnlich aussehen, erfüllen sie unterschiedliche Zwecke und verhalten sich unterschiedlich.
Die Editor-Vorschau
Die Vorschau im Editor ist eine Live-Darstellung deines Timers mit vollständigen Steuerelementen. Jede Änderung an Farben, Schriftarten, Dauer oder Einstellungen wird sofort angezeigt.
Funktionen der Vorschau:
- ✅ Echtzeit-Updates während der Bearbeitung
- ✅ Steuerungs-Buttons (Start, Pause, Zurücksetzen)
- ✅ Design testen und verfeinern
- ✅ Läuft lokal im Browser
[!TIPP] Nutze die Vorschau, um deinen Timer vor dem Einbinden gründlich zu testen. Prüfe die Dauer, Lesbarkeit und ob die Farben harmonieren.
Die Countdown-Anzeige (Renderer)
Die Countdown-Anzeige ist die saubere, öffentliche Ansicht, wenn du deinen Timer in OBS, auf deiner Webseite oder über die Display-URL einbindest. Sie zeigt deinen Timer exakt wie konfiguriert – ohne Editor-Steuerung.
Funktionen der Countdown-Anzeige:
- ✅ Für die öffentliche Anzeige optimiert
- ✅ Keine Bearbeitungsoberfläche oder Steuerelemente
- ✅ Leichtgewichtig und performant
- ✅ Perfekt zum Einbetten
Wichtige Unterschiede: Free vs. Premium
| Funktion | Kostenlose Timer | Premium-Timer |
|---|---|---|
| Anzeige startet auto. | ✅ Startet beim Laden der Seite | ✅ Startet beim Laden ODER fernsteuerbar |
| Fernsteuerung | ❌ Nein (nur in Vorschau) | ✅ Ja (Editor steuert Anzeige) |
| URL-Stabilität | ❌ Neue URL bei jeder Änderung | ✅ Gleiche URL auch nach Änderungen |
| Status-Persistenz | ❌ Setzt sich bei Reload zurück | ✅ Merkt sich Status über Sitzungen hinweg |
| Synchronisation | ❌ Keine Synchronisation | ✅ Echtzeit-Sync über alle Anzeigen |
Verhalten kostenloser Timer
Wichtige Einschränkungen:
- Jede Änderung im Editor erzeugt eine neue URL
- Du musst die URL in OBS/Webseite nach Änderungen aktualisieren
- Timer setzt sich bei jedem Seiten-Reload zurück
- Keine Fernsteuerung während der Nutzung
Workflow für kostenlose Timer:
- Timer im Editor komplett gestalten
- In der Vorschau testen
- Display-URL kopieren
- In OBS/Webseite einbinden
- Für Änderungen: Bearbeiten → neue URL holen → Embed aktualisieren
Premium-Timer-Synchronisation
Premium-Vorteile:
- Stabile URLs: Die Display-URL bleibt immer gleich, auch nach Änderungen
- Fernsteuerung: Editor-Buttons steuern die Live-Anzeige
- Geräteübergreifende Steuerung: Z.B. am PC steuern, am Handy pausieren
- Status-Persistenz: Timer merkt sich den Stand über Sitzungen hinweg
Workflow für Premium-Timer:
- Timer erstellen und speichern
- Renderer-URL einmalig einbinden
- Jederzeit aus dem Editor steuern (auch während des Streams!)
- Design-Änderungen ohne Embed-Update
- Timer-Status bleibt auch nach Browser-Neustart erhalten
Nächste Schritte
- Timer fernsteuern
- OBS-Integration – Timer im Stream einbinden