Guide d'utilisation
Tout ce qu'il faut savoir pour piloter ton overlay au quotidien.
Ajoute cette URL comme Browser Source dans OBS, Moblin, Streamlabs, etc. Résolution recommandée : 1280 × 720 px, fond transparent.
Au chargement, l'overlay affiche brièvement « ● OpenOverlay » le temps de se connecter à Twitch.
⚠️ Ne pas ouvrir le Dashboard en live — les viewers pourraient voir ta configuration.
Ouvre ce lien sur l'appareil qui fait tourner ChatCast (ou tout autre logiciel TTS) et branche sa sortie audio dedans. Il rejoue les mêmes sons que ton overlay, sans dupliquer la connexion Twitch.
…
Le lien contient ton accès Twitch — ne le partage pas publiquement.
Chaque module a sa page dans la barre latérale. Trois réflexes à connaître :
- Le toggle en haut de page active ou désactive le module entier sur l'overlay.
- Les boutons ▶ Tester envoient une fausse alerte à l'overlay — garde-le ouvert dans un autre onglet pour prévisualiser sans attendre un vrai événement.
- L'ordre d'affichage des modules dans la barre latérale se règle dans Outils → Ordre des modules (glisser-déposer).
La barre en bas de page apparaît dès qu'il y a des modifications non sauvegardées. Clique sur Sauvegarder : ta configuration est stockée en ligne et disponible depuis n'importe quel appareil ou navigateur. Tu peux aussi l'exporter ou la restaurer en JSON depuis Outils → Données.
- Le Store (barre latérale) liste les modules officiels — installation en un clic, puis recharge la page pour les activer.
- Les modules Nexus affichent une pastille dédiée et nécessitent un accès actif, validé par le Store central.
- Certains modules peuvent proposer une option IA : la clé fournisseur reste côté Netlify, jamais dans la configuration du module, et un mode local reste disponible si l'IA n'est pas configurée.
- Quand des mises à jour sont disponibles, une pastille apparaît sur l'entrée Store, et un bouton ⬆ Tout mettre à jour s'affiche en haut du catalogue dès qu'il y en a plusieurs.
- Si un module affiche « Requiert OpenOverlay ≥ x.y.z », ton instance est trop ancienne : télécharge la dernière version sur openoverlay.fr et redéploie-la.
Chaque champ GIF ou son dispose d'un sélecteur avec bouton ⬆ d'upload intégré (le glisser-déposer fonctionne aussi). Les fichiers uploadés sont réutilisables partout et gérables depuis Outils → Mes fichiers.
Formats : webp, png, jpg, gif, mp3, ogg, wav — max 4 Mo par fichier, 50 fichiers par compte.
L'onglet Commandes liste automatiquement toutes les commandes disponibles, regroupées par niveau d'accès (streamer, modérateurs, viewers…). Les noms de commandes sont personnalisables dans chaque module — le dashboard signale en direct les doublons entre modules.
L'onglet Historique conserve les 100 derniers événements : follows, abonnements, bits, raids, récompenses de points de chaîne, ainsi que les événements des modules (achats boutique, montées de rang…). Les événements sont enregistrés dès que l'overlay est ouvert, et apparaissent en temps réel si l'onglet est affiché.
Installation, configuration serveur et création de tes propres modules : docs.openoverlay.fr. Catalogue des modules : store.openoverlay.fr.
🛒 Store
Installe de nouveaux modules pour enrichir ton overlay.
📋 Historique
Événements Twitch enregistrés par l'overlay (100 derniers).
🔧 Préférences
Paramètres locaux du dashboard (stockés dans le navigateur).
Utilisé pour les boutons ▶ Tester dans les alertes.
Appliqué à toutes les boîtes d'alertes (alertes Twitch, récompenses de points de chaîne, etc.).
#7c5cfc
Appliquée aux bordures et titres des boîtes d'alertes.
Quand le logo est visible, il grossit vers le spectateur et disparaît (effet de traversée d'écran) au lieu de glisser sur le côté.
Un module non vérifié peut exécuter du code arbitraire dans ton overlay et ton dashboard, accéder à ton token Twitch, ou envoyer des données vers des serveurs tiers. N'installe que du code que tu as toi-même écrit ou relu ligne par ligne.
Sélectionne le dossier de ton module (il doit contenir au moins manifest.json, overlay.js et admin.js).
Après installation, recharge la page pour activer le module. Il sera marqué Dev dans la liste.
Active ce mode pour tester un module que tu développes, sans passer par le Store officiel.
🗂️ Ordre des modules
Glisse les modules pour définir leur ordre d'affichage dans le dashboard et de chargement dans l'overlay.
Quand plusieurs modules occupent la même zone, choisissez s'ils s'empilent en colonne ↕ ou en ligne ↔.
Stream
Gestion du titre du stream en direct.
Commandes chat
Liste mise à jour en fonction des modules activés.
🖼️ Mes fichiers
Images et sons uploadés, utilisables dans tes mods.
Chargement…
Check-up
État des variables d'environnement Netlify de ton instance.
Chargement…
Données
Sauvegarde, restauration et réglages avancés de l'instance.
Télécharge ta configuration actuelle en JSON.
Charge une configuration depuis un fichier JSON (écrase la config actuelle).
Réglages de l'application Twitch utilisée par cette instance. En temps normal, tout est détecté automatiquement — voir le guide d'installation pour la configuration initiale (app Twitch, variables d'environnement Netlify).
Si le champ est vide, vérifie que TWITCH_CLIENT_ID est configuré dans Netlify et que le site a été redéployé.