Un overlay professionnel de simulation train et bus pour OBS. Contrôle dashboard, Stream Deck, WebSocket, modes multi-opérateurs — pensé pour les créateurs sérieux.
Voici l'overlay, en direct, avec les mêmes contrôles que votre dashboard. Basculez entre train et bus, avancez dans les arrêts, lancez l'embarquement — tout réagit en temps réel.
Simulation dashboard
Chaque détail a été travaillé pour un usage réel : les latences, la synchronisation, les contrôles rapides au Stream Deck, la robustesse aux coupures.
Synchronisation instantanée entre dashboard, overlay et Stream Deck. Zéro latence perceptible entre un clic et le rendu à l'écran.
API REST minimaliste : une URL par action. Mappez /api/next, /api/pax à vos boutons physiques.
SNCF, Deutsche Bahn, ÖBB, ČD en mode train. RATP, Keolis, Transdev, FlixBus en mode bus. Chaque opérateur avec ses couleurs officielles.
Sauvegardez vos lignes favorites — arrêts, opérateurs, horaires. Stockage serveur qui survit aux redémarrages, chargement en un clic.
Pré-départ avec sablier, embarquement PAX, voyage, fin de service, veille no-service. Chaque état a son animation dédiée.
Backdrop-filter natif, effets de brillance subtils, typographie précise. Un rendu qui élève la qualité visuelle de votre stream.
Train et bus partagent la même logique — opérateur, ligne, arrêts, états — mais chacun a son identité visuelle propre. Basculez en une animation fluide.
Un serveur Node.js léger au centre, un dashboard pour piloter, un overlay pour afficher. Tout communique par WebSocket — plus API REST pour les déclencheurs Stream Deck.
Clonez, installez, lancez. Ajoutez l'overlay comme Browser Source dans OBS. C'est tout.
Depuis le dossier décompressé, installez le module WebSocket.
$npm install ws
Le serveur tourne sur localhost:3000. Laissez-le ouvert pendant votre stream.
$node server.js
Dans OBS Studio : Sources → Ajouter → Navigateur (Browser). URL :
http://localhost:3000/overlay.html
Largeur : 520 · Hauteur : 720 (ou plus selon votre layout)
Ouvrez localhost:3000 dans votre navigateur pour accéder au dashboard de contrôle. Vous pouvez aussi mapper les URLs REST sur votre Stream Deck.
# Exemple Stream Deck — Arrêt suivant http://localhost:3000/api/next