Intégration XSplit
Ce guide couvre comment ajouter des minuteurs compte à rebours gettickr.app à la fois à XSplit Broadcaster et XSplit Gamecaster.
Ce dont vous avez besoin
| Prérequis | Détails |
|---|---|
| XSplit Broadcaster ou Gamecaster | Télécharger depuis xsplit.com |
| Minuteur gettickr.app | Créé sur gettickr.app |
| URL du minuteur | URL d'affichage/renderer de votre minuteur |
| Connexion Internet | Requise pour la source de page web |
Intégration XSplit Broadcaster
Étape 1 : Créer votre minuteur
D'abord, préparez votre minuteur dans gettickr.app :
- Ouvrez l'éditeur
- Créez et personnalisez votre minuteur (durée, design, couleurs, polices)
- Naviguez vers la section Renderer
- Copiez l'URL d'affichage, qui ressemble à :
https://gettickr.app/r/#VOTRE-ID-MINUTEUR
Étape 2 : Ajouter une source de page web
Ajoutez le minuteur à votre scène XSplit :
- Ouvrez XSplit Broadcaster
- Sélectionnez la scène où vous voulez le minuteur
- Cliquez sur "Ajouter une source" ou faites un clic droit dans la zone de scène
- Sélectionnez "Page web..." parmi les types de sources
- La boîte de dialogue de configuration de source de page web s'ouvre
Étape 3 : Configurer la source de page web
Configurez votre source de page web avec ces paramètres :
| Paramètre | Valeur | Notes |
|---|---|---|
| Nom | "Minuteur compte à rebours" ou nom descriptif | Aide à identifier la source plus tard |
| URL | https://gettickr.app/r/#VOTRE-ID-MINUTEUR | Collez votre URL de minuteur |
| Largeur | 1920 (ou largeur de conception du minuteur) | Correspondre aux dimensions de votre minuteur |
| Hauteur | 1080 (ou hauteur de conception du minuteur) | Correspondre aux dimensions de votre minuteur |
| Utiliser l'accélération matérielle | ✅ Recommandé | Améliore les performances d'animation |
| Intervalle de rafraîchissement | Par défaut (généralement 1000ms) | Le paramètre standard fonctionne bien |
Cliquez sur "OK" pour ajouter la source de page web.
Étape 4 : Positionner et redimensionner
Votre minuteur apparaît dans l'éditeur de scène :
- Déplacer : Cliquer et glisser le minuteur à la position souhaitée
- Redimensionner : Glisser les poignées d'angle pour ajuster la taille
- Maintenir le ratio d'aspect : Redimensionner normalement pour garder les proportions
- Redimensionnement libre : Maintenir Shift tout en glissant pour redimensionner librement
- Ordre des calques : Clic droit → Ordre → Amener devant/Envoyer derrière
| Action de transformation | Comment accéder | Cas d'usage |
|---|---|---|
| Amener au premier plan | Clic droit → Ordre | Placer le minuteur au-dessus de toutes les sources |
| Envoyer à l'arrière | Clic droit → Ordre | Placer le minuteur sous les superpositions |
| Centrer | Propriétés de transformation | Centrage rapide |
| Ajuster à l'écran | Redimensionner à la taille du canevas | Minuteur plein écran |
Intégration XSplit Gamecaster
XSplit Gamecaster a une interface simplifiée optimisée pour les streams de jeu.
Ajouter un minuteur à Gamecaster
- Ouvrez XSplit Gamecaster
- Cliquez sur le bouton "Superpositions"
- Sélectionnez "Ajouter une superposition" → "Page web"
- Collez votre URL de minuteur
- Donnez-lui un nom (ex. "Minuteur de pause")
- Choisissez parmi les positions prédéfinies ou le placement personnalisé
| Préréglage Gamecaster | Idéal pour |
|---|---|
| Haut centre | Minuteurs de pause, comptes à rebours d'événements |
| Haut droit | Petites superpositions de minuteur coin |
| Bas centre | Barres de minuteur pleine largeur |
| Centre | Minuteurs plein écran de démarrage imminent |
| Personnalisé | Positionnement manuel précis |
Paramètres XSplit avancés
Accélération matérielle
L'accélération matérielle de XSplit améliore les performances de la source de page web :
| Paramètre | Impact sur les performances | Utiliser quand |
|---|---|---|
| Activé | Meilleure fluidité d'animation, utilisation GPU plus élevée | Vous avez un GPU dédié |
| Désactivé | Utilisation GPU plus faible, possible saccades d'animation | Le CPU est plus puissant que le GPU |
Intervalle de rafraîchissement
L'intervalle de rafraîchissement contrôle à quelle fréquence XSplit recharge la source de page web :
| Intervalle | Effet | Idéal pour |
|---|---|---|
| 500ms | Mises à jour très fréquentes | Précision critique du compte à rebours |
| 1000ms (1s) | Par défaut, équilibré | Utilisation standard du minuteur |
| 2000ms | Mises à jour moins fréquentes | Minuteurs statiques ou à mise à jour lente |
Propriétés de la source
Faites un clic droit sur votre source de page web de minuteur pour des options supplémentaires :
| Option | Ce qu'elle fait | Quand l'utiliser |
|---|---|---|
| Rafraîchir | Recharger manuellement la page web | Le minuteur apparaît gelé |
| Propriétés | Rouvrir la configuration | Changer l'URL ou les dimensions |
| Renommer | Changer le nom de la source | Meilleure organisation |
| Dupliquer | Copier la source | Réutiliser le minuteur dans d'autres scènes |
| Supprimer | Supprimer la source | Nettoyer les minuteurs inutilisés |
Gestion des calques
XSplit utilise des calques pour déterminer ce qui apparaît au-dessus :
| Stratégie de calque | Comment implémenter | Cas d'usage |
|---|---|---|
| Minuteur au-dessus | Clic droit → Amener au premier plan | Minuteur visible au-dessus de tout |
| Minuteur derrière superpositions | Positionner entre les calques | Minuteur visible mais sous les alertes |
| Minuteur comme arrière-plan | Envoyer à l'arrière | Minuteur derrière le gameplay |
| Calques groupés | Grouper les sources liées | Gérer plusieurs éléments ensemble |
Contrôle à distance avec XSplit
Contrôle à distance Premium
Les utilisateurs Premium gettickr.app peuvent contrôler les minuteurs pendant le streaming :
Configuration :
- Ouvrez l'éditeur sur un second moniteur ou onglet de navigateur
- Chargez votre minuteur Premium sauvegardé
- Gardez l'éditeur ouvert pendant le stream
Actions de contrôle :
| Action | Effet | Comportement XSplit |
|---|---|---|
| Démarrer | Commencer le compte à rebours | Se met à jour instantanément dans la scène |
| Pause | Geler le minuteur | Se met en pause immédiatement |
| Réinitialiser | Retour au début | Se réinitialise sans rafraîchissement |
| Ajuster la durée | Changer le temps | Se met à jour en direct |
| Mettre à jour le design | Modifier l'apparence | Les changements apparaissent instantanément |
| Fonctionnalité | Minuteur gratuit | Minuteur Premium |
|---|---|---|
| Ajouter à XSplit | ✅ Oui | ✅ Oui |
| Contrôle à distance | ❌ Non | ✅ Oui |
| Stabilité de l'URL | ❌ Change avec les modifications | ✅ Toujours la même |
| Bibliothèque de minuteurs sauvegardés | ❌ Non | ✅ Oui |
| Persistance d'état | ❌ Se réinitialise | ✅ Sauvegarde l'état |
Configuration de minuteur multi-scènes
Stratégie 1 : Minuteurs différents par scène
Créez des scènes spécialisées avec des minuteurs appropriés :
| Nom de scène | Objectif du minuteur | Source de page web |
|---|---|---|
| Démarrage imminent | Compte à rebours pré-stream | URL minuteur 1 |
| BRB - Court | Pause de 5 minutes | URL minuteur 2 |
| BRB - Long | Pause de 15 minutes | URL minuteur 3 |
| Compte à rebours d'événement | Événement de stream spécial | URL minuteur 4 |
Workflow : Changez de scènes pour changer automatiquement de minuteurs
Stratégie 2 : Plusieurs sources de page web
Ajoutez plusieurs sources de page web à une scène :
- Ajoutez la première source de page web de minuteur
- Ajoutez la deuxième source de page web de minuteur (URL différente)
- Utilisez le basculement de visibilité pour afficher/masquer les minuteurs
- Définissez des raccourcis clavier pour un changement rapide
Workflow : Restez dans une scène, basculez la visibilité du minuteur
Stratégie 3 : Échange de source
Utilisez une source de page web, échangez les URL au besoin :
- Créez une source de page web avec l'URL du minuteur A
- Lors du changement de minuteurs, clic droit → Propriétés
- Changez l'URL pour le minuteur B
- Cliquez sur OK pour appliquer
Workflow : Sources minimales, changements d'URL manuels
Cas d'usage courants
| Scénario de streaming | Configuration XSplit | Configuration du minuteur |
|---|---|---|
| Stream démarrage imminent | Scène plein écran | Minuteur CountTo 1920×1080 |
| Minuteur de pause | Scène BRB avec superposition minuteur | Countdown (5-15 min) 800×400 |
| Subathon | Minuteur sur toutes les scènes | Barre supérieure Countdown 1920×100 |
| Rounds de tournoi | Scène de tournoi | Minuteur de round 600×300 |
| Concours | Superposition latérale sur scène principale | Compte à rebours d'entrée 400×600 |
Présentations XSplit
La fonction de présentation de XSplit sauvegarde votre configuration complète :
Sauvegarder votre configuration :
- Configurez toutes les scènes avec les minuteurs
- Fichier → Enregistrer la présentation
- Nommez-la de manière descriptive (ex. "Configuration Stream - Minuteurs")
- Chargez cette présentation pour les futurs streams
Avantages :
| Ce qui est sauvegardé | Avantage |
|---|---|
| Toutes les scènes | Recréation instantanée de scène |
| Sources de page web avec URLs | Aucune réentrée d'URL nécessaire |
| Positions et tailles sources | Mise en page cohérente |
| Ordre des calques | Hiérarchie visuelle fiable |
| Affectations de raccourcis | Préservation du workflow |
Dépannage
Le minuteur ne s'affiche pas
| Problème | Cause | Solution |
|---|---|---|
| Source de page web vide | URL incorrecte | Vérifier l'URL : https://gettickr.app/r/#... |
| Minuteur coupé | Source trop petite | Augmenter largeur/hauteur pour correspondre au minuteur |
| Arrière-plan noir | Transparence ne fonctionne pas | Vérifier que le design du minuteur a un arrière-plan transparent |
| Rien ne se charge | Pas d'internet | Vérifier la connexion réseau |
| Minuteur derrière d'autres sources | Ordre des calques incorrect | Clic droit → Ordre → Amener devant |
Problèmes de performance
| Symptôme | Cause | Solution |
|---|---|---|
| Animation de minuteur saccadée | Accélération matérielle désactivée | Activer l'accélération matérielle |
| XSplit qui lag | Trop de sources de page web | Réduire les sources de page web actives |
| Utilisation CPU élevée | Rendu logiciel | Activer l'accélération GPU/matérielle |
| Baisses d'encodage stream | Charge système globale | Fermer les programmes non nécessaires |
Problèmes de synchronisation
| Problème | Correction |
|---|---|
| Minuteur gratuit : Les changements n'apparaissent pas | Copier la nouvelle URL et mettre à jour les propriétés de la source de page web |
| Minuteur Premium : Contrôle à distance ne fonctionne pas | S'assurer que l'onglet éditeur est ouvert et connecté |
| Le minuteur apparaît gelé | Clic droit sur la source → Rafraîchir |
| Minuteur désynchronisé | Recharger la source de page web ou redémarrer XSplit |
Étapes suivantes
- Intégration OBS - 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