Intégration OBS Studio

Information

OBS Studio est le logiciel de streaming gratuit et open-source le plus populaire. L'intégration des minuteurs gettickr.app dans OBS est rapide et facile en utilisant des sources navigateur !

Ce guide vous accompagne dans l'ajout de minuteurs compte à rebours gettickr.app à votre configuration OBS Studio, de la configuration initiale aux workflows de streaming avancés.

Prérequis

Avant de commencer, assurez-vous d'avoir :

Prérequis	Détails
OBS Studio	Version 28.0 ou supérieure recommandée (Télécharger)
Minuteur gettickr.app	Créé et personnalisé sur gettickr.app
URL du minuteur	L'URL d'affichage/renderer pour votre minuteur
Connexion Internet	Requise pour que la source navigateur charge le minuteur

Guide d'intégration étape par étape

Étape 1 : Créer le minuteur et copier l'URL

D'abord, vous devez créer votre minuteur et obtenir son URL d'affichage :

Allez sur l'éditeur
Créez et personnalisez votre minuteur (design, durée, couleurs)
Dans la section Renderer, trouvez l'URL d'affichage de votre minuteur
Copiez l'URL complète, qui ressemble à : https://gettickr.app/r/#VOTRE-ID-MINUTEUR

Tip

Utilisateurs Premium : Enregistrez d'abord votre minuteur pour obtenir une URL stable qui ne changera pas. Les minuteurs gratuits génèrent de nouvelles URLs à chaque modification.

Étape 2 : Ajouter une source navigateur dans OBS

Maintenant, ajoutez le minuteur à votre scène OBS :

Ouvrez OBS Studio et sélectionnez la scène où vous voulez le minuteur
Dans le panneau Sources, cliquez sur le bouton "+"
Sélectionnez "Navigateur" dans la liste des types de sources
Donnez un nom à votre source (ex. "Minuteur compte à rebours" ou "Minuteur de pause")
Cliquez sur OK

Information

Vous pouvez renommer les sources plus tard en faisant un clic droit dessus dans le panneau Sources et en sélectionnant "Renommer".

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

Dans la fenêtre des propriétés de la source navigateur, configurez ces paramètres :

Paramètre	Valeur	Notes
URL	`https://gettickr.app/r/#VOTRE-ID-MINUTEUR`	Remplacez par votre URL de minuteur réelle
Largeur	`1920`	Correspondre à la largeur de conception de votre minuteur
Hauteur	`1080`	Correspondre à la hauteur de conception de votre minuteur
FPS	`30`	Suffisant pour une animation de compte à rebours fluide
CSS	Laisser vide	Pas nécessaire pour les minuteurs gettickr.app
Fermer la source lorsqu'elle n'est pas visible	✅ Recommandé	Économise des ressources
Rafraîchir le navigateur lorsque la scène devient active	✅ Recommandé	S'assure que le minuteur est actuel
Contrôler l'audio via OBS	⬜ Désactivé	Les minuteurs ne produisent pas d'audio

Tip

Pas sûr de la largeur et de la hauteur ? Utilisez les dimensions que vous avez définies lors de la conception de votre minuteur dans l'éditeur. Tailles courantes : 1920×1080 (plein écran), 800×600 (superposition), 400×200 (petit minuteur coin). Impact de performance négligeable !

Cliquez sur OK pour créer la source navigateur.

Étape 4 : Positionner et mettre à l'échelle le minuteur

Votre minuteur apparaît maintenant dans l'aperçu OBS. Positionnez-le et redimensionnez-le :

Déplacer : Cliquer et glisser le minuteur à votre position souhaitée
Redimensionner : Glisser les poignées d'angle pour ajuster la taille
Mise à l'échelle proportionnelle : Maintenir Shift tout en glissant pour conserver le ratio d'aspect
Aligner : Clic droit → Transformer → pour les options d'alignement
Verrouiller : Clic droit → Verrouiller pour empêcher les déplacements accidentels

Option de transformation	Raccourci	Cas d'usage
Modifier la transformation	`Ctrl+E`	Positionnement précis avec des nombres
Réinitialiser la transformation	Aucun	Retour à la taille originale
Centrer à l'écran	Aucun	Centrage rapide
Étirer à l'écran	Aucun	Minuteur plein écran

Warning

Si votre minuteur apparaît pixélisé ou flou, augmentez la largeur et la hauteur de la source navigateur pour correspondre à votre résolution de stream. OBS met à l'échelle les sources à leur résolution native.

Idées de configuration de scène OBS

Type de scène	Placement du minuteur	Taille typique	Utilisation courante
Démarrage imminent	Centre, plein écran	1920×1080	Compte à rebours pré-stream
BRB / Pause	Centre ou haut centre	800×400	Pauses de stream
Superposition de jeu	Coin supérieur droit	300×150	Compte à rebours d'événement pendant le gameplay
Subathon	Barre supérieure persistante	1920×100	Minuteur de don longue durée
Tournoi	Superposition tiers inférieur	1920×200	Minuteur de match/round
Concours	Panneau latéral	400×600	Fenêtre d'entrée au concours

Tip

Créez des scènes séparées pour différentes utilisations de minuteurs, ou utilisez plusieurs minuteurs dans une scène et basculez leur visibilité selon les besoins !

Fonctionnalités Premium dans OBS

Contrôle à distance pendant le stream

Avec un compte Premium, vous pouvez contrôler votre minuteur pendant le streaming sans toucher à OBS :

Configuration :

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

Contrôle :

Démarrer le minuteur quand le stream commence
Pause si vous devez prolonger une pause
Réinitialiser pour redémarrer le compte à rebours
Ajuster la durée à la volée
Mettre à jour le design sans quitter votre stream

Premium Feature

Les changements effectués dans l'éditeur sont automatiquement synchronisés avec OBS en temps réel. Pas besoin de rafraîchir la source navigateur ou de mettre à jour les URLs !

Fonctionnalité	Minuteur gratuit	Minuteur Premium
Ajouter à OBS	✅ Oui	✅ Oui
Contrôle à distance pendant le stream	❌ Non	✅ Oui
Stabilité de l'URL après modifications	❌ L'URL change	✅ L'URL reste la même
Persistance d'état	❌ Se réinitialise	✅ Sauvegarde l'état
Minuteurs multiples sauvegardés	❌ Non	✅ Oui

Problèmes courants et solutions

Le minuteur ne s'affiche pas

Problème	Solution
Écran noir dans OBS	Vérifier que l'URL est correcte et commence par `https://gettickr.app/r/#`
Case "Fichier local" cochée	Désactiver "Fichier local" - nous utilisons une URL web
Pas de connexion internet	Vérifier votre connexion réseau
Source navigateur trop petite	Augmenter largeur/hauteur dans les propriétés de la source
Minuteur derrière d'autres sources	Clic droit → Ordre → Monter

Le minuteur ne se met pas à jour ou ne se synchronise pas

Problème	Cause	Solution
Minuteur gratuit : Les changements n'apparaissent pas	URL a changé avec la modification	Copier la nouvelle URL et mettre à jour la source navigateur
Minuteur Premium : Contrôle à distance ne fonctionne pas	Onglet éditeur fermé	Garder l'onglet éditeur ouvert pendant le stream
Minuteur gelé	Source navigateur en pause	Clic droit → Rafraîchir
Ancien minuteur affiché	Contenu en cache	Activer "Rafraîchir le navigateur lorsque la scène devient active"

Warning

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

Problèmes de performance

Symptôme	Cause	Solution
OBS qui lag avec le minuteur	Résolution trop élevée	Utiliser des dimensions raisonnables (1920×1080 max)
Utilisation CPU élevée	Sources navigateur multiples	Activer "Fermer la source lorsqu'elle n'est pas visible"
Animation saccadée	Paramètre FPS faible	Définir le FPS de la source navigateur à 30
Lag d'encodage du stream	Trop de sources	Désactiver les sources de minuteur inutilisées

Tip

Les sources navigateur utilisent des ressources minimales lorsqu'elles sont configurées correctement. Un seul minuteur gettickr.app utilise généralement moins de 1% du CPU !

Étapes suivantes

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

Intégration OBS Studio

Information

OBS Studio est le logiciel de streaming gratuit et open-source le plus populaire. L'intégration des minuteurs gettickr.app dans OBS est rapide et facile en utilisant des sources navigateur !

Ce guide vous accompagne dans l'ajout de minuteurs compte à rebours gettickr.app à votre configuration OBS Studio, de la configuration initiale aux workflows de streaming avancés.

Prérequis

Avant de commencer, assurez-vous d'avoir :

Prérequis	Détails
OBS Studio	Version 28.0 ou supérieure recommandée (Télécharger)
Minuteur gettickr.app	Créé et personnalisé sur gettickr.app
URL du minuteur	L'URL d'affichage/renderer pour votre minuteur
Connexion Internet	Requise pour que la source navigateur charge le minuteur

Guide d'intégration étape par étape

Étape 1 : Créer le minuteur et copier l'URL

D'abord, vous devez créer votre minuteur et obtenir son URL d'affichage :

Allez sur l'éditeur
Créez et personnalisez votre minuteur (design, durée, couleurs)
Dans la section Renderer, trouvez l'URL d'affichage de votre minuteur
Copiez l'URL complète, qui ressemble à : https://gettickr.app/r/#VOTRE-ID-MINUTEUR

Tip

Utilisateurs Premium : Enregistrez d'abord votre minuteur pour obtenir une URL stable qui ne changera pas. Les minuteurs gratuits génèrent de nouvelles URLs à chaque modification.

Étape 2 : Ajouter une source navigateur dans OBS

Maintenant, ajoutez le minuteur à votre scène OBS :

Ouvrez OBS Studio et sélectionnez la scène où vous voulez le minuteur
Dans le panneau Sources, cliquez sur le bouton "+"
Sélectionnez "Navigateur" dans la liste des types de sources
Donnez un nom à votre source (ex. "Minuteur compte à rebours" ou "Minuteur de pause")
Cliquez sur OK

Information

Vous pouvez renommer les sources plus tard en faisant un clic droit dessus dans le panneau Sources et en sélectionnant "Renommer".

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

Dans la fenêtre des propriétés de la source navigateur, configurez ces paramètres :

Paramètre	Valeur	Notes
URL	`https://gettickr.app/r/#VOTRE-ID-MINUTEUR`	Remplacez par votre URL de minuteur réelle
Largeur	`1920`	Correspondre à la largeur de conception de votre minuteur
Hauteur	`1080`	Correspondre à la hauteur de conception de votre minuteur
FPS	`30`	Suffisant pour une animation de compte à rebours fluide
CSS	Laisser vide	Pas nécessaire pour les minuteurs gettickr.app
Fermer la source lorsqu'elle n'est pas visible	✅ Recommandé	Économise des ressources
Rafraîchir le navigateur lorsque la scène devient active	✅ Recommandé	S'assure que le minuteur est actuel
Contrôler l'audio via OBS	⬜ Désactivé	Les minuteurs ne produisent pas d'audio

Tip

Cliquez sur OK pour créer la source navigateur.

Étape 4 : Positionner et mettre à l'échelle le minuteur

Votre minuteur apparaît maintenant dans l'aperçu OBS. Positionnez-le et redimensionnez-le :

Déplacer : Cliquer et glisser le minuteur à votre position souhaitée
Redimensionner : Glisser les poignées d'angle pour ajuster la taille
Mise à l'échelle proportionnelle : Maintenir Shift tout en glissant pour conserver le ratio d'aspect
Aligner : Clic droit → Transformer → pour les options d'alignement
Verrouiller : Clic droit → Verrouiller pour empêcher les déplacements accidentels

Option de transformation	Raccourci	Cas d'usage
Modifier la transformation	`Ctrl+E`	Positionnement précis avec des nombres
Réinitialiser la transformation	Aucun	Retour à la taille originale
Centrer à l'écran	Aucun	Centrage rapide
Étirer à l'écran	Aucun	Minuteur plein écran

Warning

Idées de configuration de scène OBS

Type de scène	Placement du minuteur	Taille typique	Utilisation courante
Démarrage imminent	Centre, plein écran	1920×1080	Compte à rebours pré-stream
BRB / Pause	Centre ou haut centre	800×400	Pauses de stream
Superposition de jeu	Coin supérieur droit	300×150	Compte à rebours d'événement pendant le gameplay
Subathon	Barre supérieure persistante	1920×100	Minuteur de don longue durée
Tournoi	Superposition tiers inférieur	1920×200	Minuteur de match/round
Concours	Panneau latéral	400×600	Fenêtre d'entrée au concours

Tip

Créez des scènes séparées pour différentes utilisations de minuteurs, ou utilisez plusieurs minuteurs dans une scène et basculez leur visibilité selon les besoins !

Fonctionnalités Premium dans OBS

Contrôle à distance pendant le stream

Avec un compte Premium, vous pouvez contrôler votre minuteur pendant le streaming sans toucher à OBS :

Configuration :

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

Contrôle :

Démarrer le minuteur quand le stream commence
Pause si vous devez prolonger une pause
Réinitialiser pour redémarrer le compte à rebours
Ajuster la durée à la volée
Mettre à jour le design sans quitter votre stream

Premium Feature

Les changements effectués dans l'éditeur sont automatiquement synchronisés avec OBS en temps réel. Pas besoin de rafraîchir la source navigateur ou de mettre à jour les URLs !

Fonctionnalité	Minuteur gratuit	Minuteur Premium
Ajouter à OBS	✅ Oui	✅ Oui
Contrôle à distance pendant le stream	❌ Non	✅ Oui
Stabilité de l'URL après modifications	❌ L'URL change	✅ L'URL reste la même
Persistance d'état	❌ Se réinitialise	✅ Sauvegarde l'état
Minuteurs multiples sauvegardés	❌ Non	✅ Oui

Problèmes courants et solutions

Le minuteur ne s'affiche pas

Problème	Solution
Écran noir dans OBS	Vérifier que l'URL est correcte et commence par `https://gettickr.app/r/#`
Case "Fichier local" cochée	Désactiver "Fichier local" - nous utilisons une URL web
Pas de connexion internet	Vérifier votre connexion réseau
Source navigateur trop petite	Augmenter largeur/hauteur dans les propriétés de la source
Minuteur derrière d'autres sources	Clic droit → Ordre → Monter

Le minuteur ne se met pas à jour ou ne se synchronise pas

Problème	Cause	Solution
Minuteur gratuit : Les changements n'apparaissent pas	URL a changé avec la modification	Copier la nouvelle URL et mettre à jour la source navigateur
Minuteur Premium : Contrôle à distance ne fonctionne pas	Onglet éditeur fermé	Garder l'onglet éditeur ouvert pendant le stream
Minuteur gelé	Source navigateur en pause	Clic droit → Rafraîchir
Ancien minuteur affiché	Contenu en cache	Activer "Rafraîchir le navigateur lorsque la scène devient active"

Warning

Problèmes de performance

Symptôme	Cause	Solution
OBS qui lag avec le minuteur	Résolution trop élevée	Utiliser des dimensions raisonnables (1920×1080 max)
Utilisation CPU élevée	Sources navigateur multiples	Activer "Fermer la source lorsqu'elle n'est pas visible"
Animation saccadée	Paramètre FPS faible	Définir le FPS de la source navigateur à 30
Lag d'encodage du stream	Trop de sources	Désactiver les sources de minuteur inutilisées

Tip

Les sources navigateur utilisent des ressources minimales lorsqu'elles sont configurées correctement. Un seul minuteur gettickr.app utilise généralement moins de 1% du CPU !

Étapes suivantes

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