De zéro à ton OpenOverlay en live en moins de 15 minutes — sans ligne de code.
Ce qu'il te faut
Seulement si tu veux l'auto-redéploiement. Pas nécessaire avec Netlify Drop.
Créer un compte →Télécharge le ZIP et extrais-le dans un dossier sur ton ordinateur. C'est ce dossier que tu déposeras sur Netlify.
⬇️ Télécharger openoverlay-v1.59.1.zipopenoverlayNetlify héberge ton OpenOverlay gratuitement et fournit une URL publique. La méthode la plus simple : glisser-déposer le dossier directement.
openoverlay extrait dans la zone de dépôtNote bien l'URL attribuée — tu en auras besoin à l'étape suivante.
openoverlay dans ce reponetlify.toml est détecté automatiquement — ne touche pas aux paramètres de buildOpenOverlay a besoin d'une "app Twitch" pour se connecter à ton compte. C'est une étape officielle et gratuite — tu ne partages rien de sensible.
mon-overlay)/auth.html
Chat BotCes deux clés permettent à Netlify de communiquer avec l'API Twitch. Sans elles, l'overlay ne peut pas se connecter.
| Variable | Valeur |
|---|---|
| TWITCH_CLIENT_ID | Le Client ID copié depuis dev.twitch.tv — utilisé aussi bien côté serveur que par le dashboard (auto-détecté) |
| TWITCH_CLIENT_SECRET | Le Client Secret généré à l'étape précédente |
OPENOVERLAY_AI_API_KEY. La clé reste côté Netlify et n'est pas stockée dans les modules. OPENOVERLAY_AI_PROVIDER (openai, openrouter ou custom), OPENOVERLAY_AI_MODEL et OPENOVERLAY_AI_BASE_URL sont optionnels — tu peux aussi les régler directement depuis le dashboard (Outils → Check-up) sans redéployer, ils ont alors priorité sur les variables d'environnement.ELEVENLABS_API_KEY. La clé reste côté Netlify et n'est pas stockée dans les modules. ELEVENLABS_MODEL_ID est optionnel (par défaut eleven_multilingual_v2) — tu peux aussi choisir le modèle directement depuis le dashboard (Outils → Check-up) sans redéployer, ce réglage a alors priorité sur la variable d'environnement.
openoverlay-voix-ia)Text to Speech — laisse tout le reste (voix, projets, workspace, clonage…) sur « Aucun accès » : le module n'a besoin que de convertir du texte en audio, jamais de gérer les voix elles-mêmes/api/tts limite déjà la longueur par message, mais un quota côté ElevenLabs reste une sécurité supplémentaireELEVENLABS_API_KEY/api/ai et /api/tts est automatiquement réservé au premier compte Twitch qui sauvegarde une configuration sur ton instance (ton propre login, dès que tu ouvres ton dashboard) — aucune manipulation nécessaire, ça protège juste ces deux clés payantes contre un appel externe avec un autre compte Twitch.L'interface d'administration te guide à travers la configuration initiale. Tout se fait depuis le navigateur.
TWITCH_CLIENT_ID depuis les variables d'environnement. Vérifie qu'il apparaît bien dans la carte "App Twitch (avancé)" de la section Outils → Données du dashboard.L'overlay est une page web avec fond transparent. Elle s'ajoute comme une "Browser Source" dans ton logiciel de streaming mobile.
1280×720, active fond transparent.1280×720, "Control audio via OBS" décoché, "Shutdown source when not visible" décoché.Ton overlay est configuré, connecté à Twitch, et prêt pour ton prochain IRL.
https://ton-site.netlify.app/auth.html.!serie <clé> — active une série sur l'overlay!titre Mon titre — change le titre du stream depuis le chat!alerte follow [Pseudo] — déclenche une fausse alerte de test!clear — vide la file d'alertes et remet le logoExplore le Store pour installer des modules supplémentaires, ou crée le tien.
Découvrir le Store → Développer un module →