Créer un CountTo (compte à rebours vers une date)
Information
Les timers CountTo sont basés sur une date/heure cible. Ils
comptent en continu jusqu’au moment défini et n’ont pas d’état de
démarrage/pause comme les timers de durée.
Qu’est-ce qu’un timer CountTo ?
Un timer CountTo affiche le temps restant jusqu’à une date/heure précise (par exemple, le Nouvel An, le début d’un événement, une sortie de produit). Il calcule à chaque tick le temps restant entre « maintenant » et la cible.
- Type: Date/heure cible (ISO 8601)
- Fonctionnement: Continu, sans start/pause/reset
- Usage: Événements, lancements, échéances fixes
Information
Contrairement aux timers Countdown (durée), les timers CountTo ne
peuvent pas être mis en pause ou démarrés. Ils « vivent » toujours par rapport
à la cible définie.
Créer votre premier CountTo
Suivez ces étapes pour créer un CountTo dans l’éditeur:
- Ouvrir l’éditeur
- Choisir le type « CountTo »
- Définir la date et l’heure cibles (au format ISO 8601)
- Personnaliser le design (couleurs, polices, mise en page)
- Prévisualiser, puis enregistrer si nécessaire
Tip
Donnez un nom descriptif à votre timer (ex. « Nouvel An 2025 ») afin de
le retrouver facilement plus tard. Vous pouvez aussi masquer le titre via le
commutateur « Afficher le titre » si vous souhaitez n'afficher que les
chiffres du compte à rebours.
Bonnes pratiques de date/heure
Pour une synchronisation fiable entre appareils et fuseaux horaires:
- Stockez la cible en UTC ISO 8601 (ex.
2025-12-31T22:59:59.000Z) - Affichez localement dans la langue et le fuseau de l’utilisateur si besoin
- Évitez les chaînes GMT ambiguës
Information
Les timers Premium utilisent des timestamps serveurs (Firebase) pour
assurer une synchronisation sans dérive entre l’éditeur et le renderer.
Intégration streaming (OBS, Streamlabs, etc.)
Le renderer peut être intégré comme source navigateur. Le CountTo mettra à jour le temps restant en continu:
- Ajoutez l’URL d’affichage du timer en source navigateur
- Paramétrez la taille/resolution pour un rendu net
- Le renderer est « read-only »: l’affichage s’actualise automatiquement
Tip
Gardez l’éditeur ouvert sur un second écran ou appareil pour ajuster la
cible si l’heure de l’événement change. La mise à jour est instantanée
côté afficher/renderer.
Ajuster la cible en direct
Si l’heure de votre événement change:
- Ouvrez votre timer dans l’éditeur
- Modifiez la date/heure cible
- Les changements s’appliquent immédiatement sur toutes les intégrations (OBS, site web)
Warning
Vérifiez toujours en amont que la nouvelle date/heure correspond au
bon fuseau. Une erreur de fuseau peut entraîner un décalage inattendu à
l’écran.
Personnaliser le design
Vous pouvez adapter l’apparence du timer:
- Couleurs, polices, tailles
- Formats d’affichage (jours, heures, minutes, secondes)
- Mise en page (alignement, espacement, styles)
Tip
Uniformisez le style avec votre identité visuelle (branding), surtout
pour un affichage sur site ou à l’écran durant un stream.
Premium: enregistrer et gérer vos timers
Avec un abonnement Premium, vous pouvez:
- Enregistrer des timers CountTo avec une URL d’affichage stable
- Les modifier sans changer l’embed (site/OBS)
- Les gérer depuis un tableau de bord
Information
Les timers gratuits génèrent souvent une nouvelle URL après
modification. En Premium, l’URL reste la même: vous intégrez une fois et vos
changements s’appliquent automatiquement.
Cas d’usage courants
- Événements programmés (concerts, streams spéciaux, webinaires)
- Lancements de produits ou mises à jour
- Périodes de ventes avec date butoir
- Compte à rebours jusqu’à une échéance (ex. fin d’année fiscale)
Dépannage rapide
- L’heure affichée ne correspond pas: vérifiez le fuseau et le format ISO 8601 (UTC)
- L’affichage ne bouge pas: recharger la source navigateur; vérifier la connectivité
- Décalage en streaming: confirmer la bonne URL et la scène active dans OBS
Étapes suivantes
- Personnaliser le design – Ajustez couleurs, polices et mise en page
- Vorschau vs. Renderer – Comprenez la différence entre l'aperçu et l'affichage
- Free vs. Premium – Comparez les fonctionnalités et avantages