Vue d’ensemble de l’intégration streaming
Cette page présente comment intégrer vos Timers gettickr.app dans les logiciels de streaming (OBS Studio, Streamlabs, XSplit) de manière fluide et fiable. L’objectif est d’obtenir un affichage net, des mises à jour instantanées et un contrôle simple pendant le live.
Information
Les Timers s’intègrent via une “Source navigateur” (Browser Source) à
l’aide de l’URL d’affichage (Renderer). Les Timers Premium disposent d’une URL
stable qui ne change pas lorsque vous modifiez le Timer : vous intégrez une
fois, et les changements sont appliqués automatiquement.
Choisir le bon type de Timer
- Countdown (durée) : compte à rebours fixe (ex. « Pause 10 min »)
- CountTo (date) : compte à rebours jusqu’à une date/heure cible (ex. « Nouvel An »)
Tip
Utilisez Countdown pour des durées prévisibles (pauses, segments).
Choisissez CountTo pour des événements planifiés (début de stream, lancement
produit, webinaire).
Intégration dans OBS Studio
- Ouvrez OBS et votre scène
- Ajoutez une Source → “Navigateur”
- Collez l’URL du Renderer du Timer
- Définissez largeur/hauteur (ex. 1920x1080 ou la taille souhaitée)
- Positionnez et redimensionnez le Timer dans la scène
- Validez et vérifiez l’aperçu
Paramètres utiles:
- “Actualiser le navigateur quand la scène devient active”: généralement pas nécessaire, les mises à jour sont poussées en direct
- CSS personnalisé: possible pour adapter finement l’apparence (utilisez plutôt les options de design dans l’éditeur pour rester simple)
Warning
Testez toujours la lisibilité dans l’aperçu OBS (contraste, taille
de police) et sous les conditions de compression du stream.
Intégration dans Streamlabs et XSplit
Le principe est identique à OBS:
- Ajoutez une Source navigateur
- Collez l’URL du Renderer
- Ajustez la taille et la position
- Vérifiez le rendu dans l’aperçu
Information
Les mises à jour (durée/design/cible) s’affichent instantanément dans
la Source navigateur pour les Timers Premium. Les Timers Free peuvent
nécessiter une nouvelle URL après modification.
Contrôle à distance (Premium)
Avec le contrôle à distance, vous pouvez piloter le Timer pendant le stream:
- Countdown: démarrer, pause, reprendre, réinitialiser, ajuster la durée
- CountTo: modifier la date/heure cible
- Design et configuration: ajustements en direct
Flux recommandé:
- Écran principal: logiciel de streaming (OBS/Streamlabs/XSplit)
- Écran secondaire ou appareil mobile: éditeur de gettickr.app avec les commandes ouvertes
- Affichage du stream: Renderer intégré via Source navigateur
Tip
Gardez l’éditeur ouvert sur un second écran/appareil pour des
ajustements rapides sans “alt-tab” pendant le live.
Bonnes pratiques
- Lisibilité:
- Police sans-serif, taille suffisante, fort contraste
- Espacements réguliers, labels clairs si nécessaire (jours/heures/minutes/secondes)
- Positionnement:
- Évitez de masquer des éléments importants (overlay, chat, alertes)
- Vérifiez le cadrage en 16:9 / 9:16 selon la plateforme
- Cohérence visuelle:
- Harmonisez couleurs et typographies avec votre branding
- Test pré-live:
- Comptez sur l’aperçu OBS et effectuez un essai: démarrer/pause/reset (Countdown) ou mise à jour de la cible (CountTo)
- Premium recommandé:
- URL stable, mises à jour instantanées, contrôle à distance, bibliothèque de Timers
Dépannage
- Le Timer ne se met pas à jour:
- Vérifiez que l’URL du Renderer est correcte
- Assurez-vous que l’éditeur est ouvert (pour les ajustements en direct) ou que le Timer est sauvegardé (Premium)
- Essayez de recharger la Source navigateur
- Lisibilité faible:
- Augmentez la taille de police et le contraste, simplifiez la mise en page
- Mauvaise cible (CountTo):
- Confirmez le format ISO 8601 en UTC et le fuseau horaire
- Décalage ou freeze:
- Vérifiez la connexion réseau, la scène active, et les priorités de processeur/encodeur
- URL qui change:
- Passez en Premium pour une URL stable et des mises à jour sans réintégration
Comparatif rapide
| Aspect | Free | Premium |
|---|---|---|
| Sauvegarde | Non | Oui (Dashboard, bibliothèque) |
| URL du Renderer | Peut changer après modification | Stable, ne change pas |
| Mises à jour en streaming | Parfois nécessite nouvelle URL | Automatiques, instantanées |
| Contrôle à distance | Non | Oui (Countdown: start/pause/reset, etc.) |
| Intégration OBS/Streamlabs | Oui (Source navigateur) | Oui (avec contrôle et URL stable) |
Conseils de performance
- Évitez les scènes surchargées (trop d’éléments animés)
- Privilégiez des résolutions et des tailles adaptées au rendu final
- Testez la consommation CPU/GPU de la Source navigateur
- Pour des overlays complexes, utilisez du CSS sobre et les options de design intégrées
Étapes suivantes
- Contrôle à distance — Piloter les Timers pendant le live
- Sauvegarder & Gérer — Créer une bibliothèque de Timers (Premium)
- Aperçu vs. Renderer — Comprendre le flux d'affichage
- Free vs. Premium — Choisir la formule adaptée à votre usage