Intégration Streamlabs

Information

Streamlabs est un logiciel de streaming tout-en-un populaire qui s'appuie sur la technologie OBS tout en ajoutant des fonctionnalités axées sur le streaming, des alertes et des intégrations. L'ajout de minuteurs gettickr.app à Streamlabs est rapide et facile !

Ce guide vous montre comment intégrer des minuteurs compte à rebours gettickr.app dans votre configuration Streamlabs en utilisant des sources navigateur.

Ce dont vous avez besoin

Prérequis	Détails
Streamlabs	Application de bureau (Télécharger)
Minuteur gettickr.app	Créé sur gettickr.app
URL du minuteur	URL d'affichage/renderer de votre minuteur
Connexion Internet	Requise pour la source navigateur

Tip

Streamlabs utilise la même technologie de source navigateur qu'OBS Studio, donc si vous avez déjà utilisé OBS, ce processus vous semblera très familier !

Intégration étape par étape

Étape 1 : Créer et préparer votre minuteur

Avant d'ajouter le minuteur à Streamlabs, configurez-le dans gettickr.app :

Ouvrez l'éditeur
Créez et personnalisez votre minuteur (durée, couleurs, polices, mise en page)
Naviguez vers la section Renderer
Copiez l'URL d'affichage, qui ressemble à : https://gettickr.app/r/#VOTRE-ID-MINUTEUR

Premium Feature

Enregistrez d'abord votre minuteur pour obtenir une URL stable. Les minuteurs Premium gardent la même URL même après les modifications. Les minuteurs gratuits génèrent de nouvelles URL à chaque changement.

Étape 2 : Ajouter une source navigateur dans Streamlabs

Maintenant, ajoutez le minuteur à votre scène :

Ouvrez Streamlabs et sélectionnez votre scène souhaitée
Dans le panneau Sources, cliquez sur l'icône "+" (plus)
Sélectionnez "Source navigateur" dans la liste des types de sources
Donnez-lui un nom descriptif (ex. "Minuteur compte à rebours", "Minuteur de pause", "Compte à rebours d'événement")
Cliquez sur "Ajouter une source"

Étape 3 : Configurer les paramètres de la source navigateur

Configurez la source navigateur pour afficher votre minuteur gettickr.app :

Paramètre	Valeur recommandée	Notes
URL	`https://gettickr.app/r/#VOTRE-ID-MINUTEUR`	Collez votre URL de minuteur ici
Largeur	`1920`	Correspondre à la largeur de conception du minuteur
Hauteur	`1080`	Correspondre à la hauteur de conception du minuteur
FPS	`30`	Suffisant pour une animation fluide
CSS	Laisser vide	Pas nécessaire
Fermer la source lorsqu'elle n'est pas visible	⚠️ Optionnel	Économise des ressources mais peut réinitialiser le minuteur
Rafraîchir le navigateur lorsque la scène devient active	⬜ Généralement désactivé	N'activer que si vous voulez que le minuteur se recharge

Warning

Activer "Fermer la source lorsqu'elle n'est pas visible" peut faire en sorte que votre minuteur se réinitialise lors du changement de scènes. Testez cela en fonction de vos besoins de workflow !

Cliquez sur "Terminé" pour ajouter la source navigateur.

Étape 4 : Positionner et redimensionner

Votre minuteur apparaît maintenant dans l'éditeur de scène :

Déplacer : Cliquer et glisser le minuteur à votre position souhaitée
Redimensionner : Glisser les poignées d'angle rouges pour ajuster la taille
Mise à l'échelle proportionnelle : Maintenir Shift tout en glissant les coins
Verrouiller la position : Clic droit → Verrouiller pour empêcher les déplacements accidentels
Ajustements fins : Utiliser les touches fléchées pour un positionnement au pixel près

Action rapide	Raccourci	Utilisation
Centrer horizontalement	Menu Transformer	Centrage rapide
Centrer verticalement	Menu Transformer	Centrage rapide
Ajuster à l'écran	Menu Transformer	Minuteur plein écran
Réinitialiser la transformation	Menu Transformer	Retour à la taille originale

Fonctionnalités spécifiques à Streamlabs

Intégration de widgets

Streamlabs a un système de widgets. Bien que les minuteurs gettickr.app fonctionnent très bien comme sources navigateur, ils sont séparés des widgets intégrés de Streamlabs :

Fonctionnalité	Widgets Streamlabs	Minuteurs gettickr.app
Personnalisation	Templates limités	Entièrement personnalisable
Utilisation en dehors de Streamlabs	❌ Non	✅ Oui (web, OBS, XSplit)
Contrôle à distance	⬜ Limité	✅ Oui (Premium)
Liberté de design	⬜ Basé sur templates	✅ Contrôle complet
URLs stables	N/A	✅ Oui (Premium)

Information

Utilisez les minuteurs gettickr.app comme sources navigateur pour un maximum de flexibilité et de contrôle. Ils fonctionnent aux côtés des widgets Streamlabs sans conflits !

Collections de scènes

La fonction de collections de scènes de Streamlabs fonctionne parfaitement avec les minuteurs gettickr.app :

Créez différentes collections de scènes pour différents types de streams
Ajoutez les minuteurs appropriés à chaque collection
Basculez entre les collections pour changer toute votre configuration de stream

Exemples de collections :

Collection de scènes	Minuteurs inclus
Stream standard	Minuteur de pause, compte à rebours d'événement
Événements spéciaux	Minuteur de tournoi, compte à rebours de concours
Démarrage imminent	Compte à rebours pré-stream
Just Chatting	Minuteur de sujet, compte à rebours Q&A

Thèmes Streamlabs

Lors de l'utilisation de thèmes Streamlabs, positionnez votre minuteur gettickr.app pour compléter le design du thème :

Thèmes de superposition : Placer le minuteur dans les zones de superposition désignées
Thèmes d'alerte : S'assurer que le minuteur ne chevauche pas les positions d'alerte
Thèmes de boîte de chat : Positionner le minuteur pour éviter de bloquer le chat
Thèmes de cadre caméra : Intégrer le minuteur dans les espaces vides

Contrôle à distance avec Streamlabs

Contrôle à distance Premium

Avec un compte Premium gettickr.app, vous pouvez contrôler votre minuteur pendant le streaming :

Configuration :

Ouvrez l'éditeur dans un onglet de navigateur ou sur un second moniteur
Chargez votre minuteur Premium sauvegardé
Gardez l'éditeur ouvert pendant votre stream

Fonctions de contrôle :

Action	Ce qu'elle fait	Quand l'utiliser
Démarrer	Commencer le compte à rebours	Le stream commence, la pause commence
Pause	Geler le minuteur	Interruption inattendue
Réinitialiser	Retour à la durée initiale	Redémarrer le compte à rebours
Ajuster la durée	Changer le temps restant	Prolonger/raccourcir la pause
Mettre à jour le design	Modifier les couleurs, polices, mise en page	Correspondre au thème du stream

Premium Feature

Tous les changements se synchronisent instantanément avec Streamlabs ! Pas besoin de rafraîchir la source navigateur ou de mettre à jour les URLs.

Fonctionnalité	Minuteur gratuit	Minuteur Premium
Ajouter à Streamlabs	✅ Oui	✅ Oui
Contrôle à distance	❌ Non	✅ Oui
URL après modifications	❌ Change	✅ Reste la même
Bibliothèque de minuteurs sauvegardés	❌ Non	✅ Oui
Persistance d'état	❌ Se réinitialise	✅ Sauvegarde

Minuteurs multiples dans Streamlabs

De nombreux streamers utilisent plusieurs minuteurs à différentes fins. Voici des stratégies courantes :

Stratégie 1 : Scènes multiples

Créez des scènes séparées pour différentes utilisations de minuteurs :

Nom de scène	Objectif du minuteur	Type de minuteur
Démarrage imminent	Compte à rebours pré-stream	CountTo (heure de début spécifique)
BRB	Minuteur de pause	Countdown (5-15 min)
En direct	Superposition compte à rebours d'événement	CountTo (événement futur)
Fin imminente	Compte à rebours de fin de stream	Countdown (10 min)

Avantages : Organisation claire, contrôle complet de la scène, changement facile

Stratégie 2 : Sources multiples dans une scène

Ajoutez plusieurs sources navigateur à la même scène et basculez la visibilité :

Ajoutez plusieurs sources navigateur avec différentes URLs de minuteur
Définissez la visibilité pour chaque minuteur
Utilisez des raccourcis clavier pour afficher/masquer les minuteurs selon les besoins
Un seul minuteur visible à la fois

Avantages : Changement rapide, gestion de scène unique, moins de complexité

Stratégie 3 : Calques de scène

Superposez différents minuteurs à différentes fins :

Calque d'arrière-plan : Compte à rebours d'événement toujours visible
Calque de premier plan : Minuteur de pause qui apparaît quand nécessaire
Calque de superposition : Minuteur d'événement spécial pour les concours

Problèmes courants et solutions

Le minuteur n'apparaît pas

Problème	Cause	Solution
Source navigateur noire/vide	URL incorrecte	Vérifier que l'URL commence par `https://gettickr.app/r/#`
Minuteur coupé	Source navigateur trop petite	Augmenter largeur/hauteur pour correspondre au design du minuteur
Minuteur derrière d'autres sources	Ordre des calques incorrect	Monter la source navigateur dans la liste Sources
Rien ne se charge	Pas d'internet	Vérifier la connexion réseau

Problèmes de comportement du minuteur

Problème	Cause	Correction
Le minuteur se réinitialise lors du changement de scènes	"Fermer lorsque non visible" activé	Désactiver ce paramètre
Le minuteur ne se met pas à jour après modification (gratuit)	Nouvelle URL générée	Copier la nouvelle URL et mettre à jour la source navigateur
Contrôle à distance ne fonctionne pas (premium)	Éditeur fermé	Garder l'onglet éditeur ouvert
Minuteur gelé	Source navigateur en pause	Clic droit sur la source → Rafraîchir

Warning

Les minuteurs gratuits créent une nouvelle URL à chaque modification. Vous devez mettre à jour l'URL de la source navigateur dans Streamlabs après chaque modification. Les minuteurs Premium maintiennent des URLs stables !

Problèmes de performance

Symptôme	Solution
Streamlabs qui lag	Réduire la résolution ou le FPS de la source navigateur
Utilisation CPU élevée	Activer "Fermer lorsque non visible" pour les minuteurs inutilisés
Animation de minuteur saccadée	Augmenter le FPS de la source navigateur à 30
Problèmes d'encodage stream	Fermer les sources navigateur non nécessaires

Tip

Les sources navigateur sont légères lorsqu'elles sont configurées correctement. Chaque minuteur gettickr.app utilise des ressources CPU/GPU minimales !

Étapes suivantes

Intégration XSplit - Guide logiciel de streaming alternatif
Contrôle à distance - En savoir plus sur les fonctionnalités de contrôle à distance Premium
Personnaliser le design - Faire correspondre votre minuteur à l'image de marque de votre stream

Intégration Streamlabs

Information

Ce guide vous montre comment intégrer des minuteurs compte à rebours gettickr.app dans votre configuration Streamlabs en utilisant des sources navigateur.

Ce dont vous avez besoin

Prérequis	Détails
Streamlabs	Application de bureau (Télécharger)
Minuteur gettickr.app	Créé sur gettickr.app
URL du minuteur	URL d'affichage/renderer de votre minuteur
Connexion Internet	Requise pour la source navigateur

Tip

Streamlabs utilise la même technologie de source navigateur qu'OBS Studio, donc si vous avez déjà utilisé OBS, ce processus vous semblera très familier !

Intégration étape par étape

Étape 1 : Créer et préparer votre minuteur

Avant d'ajouter le minuteur à Streamlabs, configurez-le dans gettickr.app :

Ouvrez l'éditeur
Créez et personnalisez votre minuteur (durée, couleurs, polices, mise en page)
Naviguez vers la section Renderer
Copiez l'URL d'affichage, qui ressemble à : https://gettickr.app/r/#VOTRE-ID-MINUTEUR

Premium Feature

Étape 2 : Ajouter une source navigateur dans Streamlabs

Maintenant, ajoutez le minuteur à votre scène :

Ouvrez Streamlabs et sélectionnez votre scène souhaitée
Dans le panneau Sources, cliquez sur l'icône "+" (plus)
Sélectionnez "Source navigateur" dans la liste des types de sources
Donnez-lui un nom descriptif (ex. "Minuteur compte à rebours", "Minuteur de pause", "Compte à rebours d'événement")
Cliquez sur "Ajouter une source"

Étape 3 : Configurer les paramètres de la source navigateur

Configurez la source navigateur pour afficher votre minuteur gettickr.app :

Paramètre	Valeur recommandée	Notes
URL	`https://gettickr.app/r/#VOTRE-ID-MINUTEUR`	Collez votre URL de minuteur ici
Largeur	`1920`	Correspondre à la largeur de conception du minuteur
Hauteur	`1080`	Correspondre à la hauteur de conception du minuteur
FPS	`30`	Suffisant pour une animation fluide
CSS	Laisser vide	Pas nécessaire
Fermer la source lorsqu'elle n'est pas visible	⚠️ Optionnel	Économise des ressources mais peut réinitialiser le minuteur
Rafraîchir le navigateur lorsque la scène devient active	⬜ Généralement désactivé	N'activer que si vous voulez que le minuteur se recharge

Warning

Activer "Fermer la source lorsqu'elle n'est pas visible" peut faire en sorte que votre minuteur se réinitialise lors du changement de scènes. Testez cela en fonction de vos besoins de workflow !

Cliquez sur "Terminé" pour ajouter la source navigateur.

Étape 4 : Positionner et redimensionner

Votre minuteur apparaît maintenant dans l'éditeur de scène :

Déplacer : Cliquer et glisser le minuteur à votre position souhaitée
Redimensionner : Glisser les poignées d'angle rouges pour ajuster la taille
Mise à l'échelle proportionnelle : Maintenir Shift tout en glissant les coins
Verrouiller la position : Clic droit → Verrouiller pour empêcher les déplacements accidentels
Ajustements fins : Utiliser les touches fléchées pour un positionnement au pixel près

Action rapide	Raccourci	Utilisation
Centrer horizontalement	Menu Transformer	Centrage rapide
Centrer verticalement	Menu Transformer	Centrage rapide
Ajuster à l'écran	Menu Transformer	Minuteur plein écran
Réinitialiser la transformation	Menu Transformer	Retour à la taille originale

Fonctionnalités spécifiques à Streamlabs

Intégration de widgets

Streamlabs a un système de widgets. Bien que les minuteurs gettickr.app fonctionnent très bien comme sources navigateur, ils sont séparés des widgets intégrés de Streamlabs :

Fonctionnalité	Widgets Streamlabs	Minuteurs gettickr.app
Personnalisation	Templates limités	Entièrement personnalisable
Utilisation en dehors de Streamlabs	❌ Non	✅ Oui (web, OBS, XSplit)
Contrôle à distance	⬜ Limité	✅ Oui (Premium)
Liberté de design	⬜ Basé sur templates	✅ Contrôle complet
URLs stables	N/A	✅ Oui (Premium)

Information

Utilisez les minuteurs gettickr.app comme sources navigateur pour un maximum de flexibilité et de contrôle. Ils fonctionnent aux côtés des widgets Streamlabs sans conflits !

Collections de scènes

La fonction de collections de scènes de Streamlabs fonctionne parfaitement avec les minuteurs gettickr.app :

Créez différentes collections de scènes pour différents types de streams
Ajoutez les minuteurs appropriés à chaque collection
Basculez entre les collections pour changer toute votre configuration de stream

Exemples de collections :

Collection de scènes	Minuteurs inclus
Stream standard	Minuteur de pause, compte à rebours d'événement
Événements spéciaux	Minuteur de tournoi, compte à rebours de concours
Démarrage imminent	Compte à rebours pré-stream
Just Chatting	Minuteur de sujet, compte à rebours Q&A

Thèmes Streamlabs

Lors de l'utilisation de thèmes Streamlabs, positionnez votre minuteur gettickr.app pour compléter le design du thème :

Thèmes de superposition : Placer le minuteur dans les zones de superposition désignées
Thèmes d'alerte : S'assurer que le minuteur ne chevauche pas les positions d'alerte
Thèmes de boîte de chat : Positionner le minuteur pour éviter de bloquer le chat
Thèmes de cadre caméra : Intégrer le minuteur dans les espaces vides

Contrôle à distance avec Streamlabs

Contrôle à distance Premium

Avec un compte Premium gettickr.app, vous pouvez contrôler votre minuteur pendant le streaming :

Configuration :

Ouvrez l'éditeur dans un onglet de navigateur ou sur un second moniteur
Chargez votre minuteur Premium sauvegardé
Gardez l'éditeur ouvert pendant votre stream

Fonctions de contrôle :

Action	Ce qu'elle fait	Quand l'utiliser
Démarrer	Commencer le compte à rebours	Le stream commence, la pause commence
Pause	Geler le minuteur	Interruption inattendue
Réinitialiser	Retour à la durée initiale	Redémarrer le compte à rebours
Ajuster la durée	Changer le temps restant	Prolonger/raccourcir la pause
Mettre à jour le design	Modifier les couleurs, polices, mise en page	Correspondre au thème du stream

Premium Feature

Tous les changements se synchronisent instantanément avec Streamlabs ! Pas besoin de rafraîchir la source navigateur ou de mettre à jour les URLs.

Fonctionnalité	Minuteur gratuit	Minuteur Premium
Ajouter à Streamlabs	✅ Oui	✅ Oui
Contrôle à distance	❌ Non	✅ Oui
URL après modifications	❌ Change	✅ Reste la même
Bibliothèque de minuteurs sauvegardés	❌ Non	✅ Oui
Persistance d'état	❌ Se réinitialise	✅ Sauvegarde

Minuteurs multiples dans Streamlabs

De nombreux streamers utilisent plusieurs minuteurs à différentes fins. Voici des stratégies courantes :

Stratégie 1 : Scènes multiples

Créez des scènes séparées pour différentes utilisations de minuteurs :

Nom de scène	Objectif du minuteur	Type de minuteur
Démarrage imminent	Compte à rebours pré-stream	CountTo (heure de début spécifique)
BRB	Minuteur de pause	Countdown (5-15 min)
En direct	Superposition compte à rebours d'événement	CountTo (événement futur)
Fin imminente	Compte à rebours de fin de stream	Countdown (10 min)

Avantages : Organisation claire, contrôle complet de la scène, changement facile

Stratégie 2 : Sources multiples dans une scène

Ajoutez plusieurs sources navigateur à la même scène et basculez la visibilité :

Ajoutez plusieurs sources navigateur avec différentes URLs de minuteur
Définissez la visibilité pour chaque minuteur
Utilisez des raccourcis clavier pour afficher/masquer les minuteurs selon les besoins
Un seul minuteur visible à la fois

Avantages : Changement rapide, gestion de scène unique, moins de complexité

Stratégie 3 : Calques de scène

Superposez différents minuteurs à différentes fins :

Calque d'arrière-plan : Compte à rebours d'événement toujours visible
Calque de premier plan : Minuteur de pause qui apparaît quand nécessaire
Calque de superposition : Minuteur d'événement spécial pour les concours

Problèmes courants et solutions

Le minuteur n'apparaît pas

Problème	Cause	Solution
Source navigateur noire/vide	URL incorrecte	Vérifier que l'URL commence par `https://gettickr.app/r/#`
Minuteur coupé	Source navigateur trop petite	Augmenter largeur/hauteur pour correspondre au design du minuteur
Minuteur derrière d'autres sources	Ordre des calques incorrect	Monter la source navigateur dans la liste Sources
Rien ne se charge	Pas d'internet	Vérifier la connexion réseau

Problèmes de comportement du minuteur

Problème	Cause	Correction
Le minuteur se réinitialise lors du changement de scènes	"Fermer lorsque non visible" activé	Désactiver ce paramètre
Le minuteur ne se met pas à jour après modification (gratuit)	Nouvelle URL générée	Copier la nouvelle URL et mettre à jour la source navigateur
Contrôle à distance ne fonctionne pas (premium)	Éditeur fermé	Garder l'onglet éditeur ouvert
Minuteur gelé	Source navigateur en pause	Clic droit sur la source → Rafraîchir

Warning

Problèmes de performance

Symptôme	Solution
Streamlabs qui lag	Réduire la résolution ou le FPS de la source navigateur
Utilisation CPU élevée	Activer "Fermer lorsque non visible" pour les minuteurs inutilisés
Animation de minuteur saccadée	Augmenter le FPS de la source navigateur à 30
Problèmes d'encodage stream	Fermer les sources navigateur non nécessaires

Tip

Les sources navigateur sont légères lorsqu'elles sont configurées correctement. Chaque minuteur gettickr.app utilise des ressources CPU/GPU minimales !

Étapes suivantes

Intégration XSplit - Guide logiciel de streaming alternatif
Contrôle à distance - En savoir plus sur les fonctionnalités de contrôle à distance Premium
Personnaliser le design - Faire correspondre votre minuteur à l'image de marque de votre stream