marathons caritatifs, en direct
Référence
Toutes les fonctionnalités
Le détail de ce que fait le tableau de bord, et pourquoi chaque morceau existe. Rien n'est décoratif : chaque fonction est née d'un usage réel pendant l'événement.
Suivi des données
Une seule source, poussée à tous les onglets ouverts.
Cagnotte en direct
Montant global, audience cumulée, heure, âge de la donnée et variation depuis le dernier relevé. Le montant compte jusqu'à sa nouvelle valeur au lieu de sauter.
Classement des streamers
Tri par cagnotte, audience ou nom ; filtres « en live » et « sur place » ; recherche instantanée ; avatars et badges.
Paliers de dons
Palier en cours, pourcentage, montant restant, et la liste complète au déploiement. Sources multiples fusionnées, saisie manuelle signalée.
Panneau repliable
Un rail de 72 px qui ne garde que les avatars et la cagnotte en format court, sans perdre le glisser-déposer.
Espace multi-stream
Des fenêtres qu'on manipule comme sur un bureau, sans jamais recharger un flux.
Fenêtres libres
Déplacement, redimensionnement par les huit poignées, aimantation aux bords, ordre de superposition, fermeture.
Sept dispositions
Grille automatique, un grand plus bandeau, deux moyens à gauche du grand, colonnes, lignes… appliquées en un clic.
Mode Discord D
Vignettes 16:9 en grille ; un clic agrandit, un autre revient. Le bandeau du bas est plafonné en hauteur et défile.
Mode Régie R
Tous les contrôles affichés en permanence, dispositions et cartes dépliées : rien derrière un survol ou un menu.
Contrôles au survol
Qualité, pause, son, chat, contrôles Twitch natifs, remplacement, rechargement, mise en avant, détachement, fermeture.
Remplacer un flux ⇄
Changer de streamer sans bouger la fenêtre : même place, même taille, mêmes options.
Son seul 🎧
Qualité minimale et image masquée : photo de profil, palier en cours et pourcentage à la place. Conçu pour la taille minimale.
Chat Twitch
Panneau latéral par fenêtre, ou pop-out sur twitch.tv pour écrire même quand le navigateur bloque les cookies tiers.
Cartes de statistiques
Des fenêtres comme les autres, mais qui affichent des données au lieu d'une vidéo.
📈 Progression
La cagnotte 2026 superposée à 2025, en heures écoulées, avec les totaux des éditions passées. Zoom molette, glissé, infobulle.
🏆 Classement
Les streamers triés par montant, barre relative au premier, filtres « sur place » et « en live ».
👁 Spectateurs
Le même classement, trié par audience.
🎯 Paliers imminents
Qui est sur le point de débloquer un palier, trié par montant restant ou par pourcentage. Au-delà de 90 %, la ligne s'allume.
📋 Paliers d'un streamer
La liste complète des paliers des streamers choisis, atteints cochés.
🗺 Plan de la salle
Le plan publié par l'organisation, avec la photo de profil sur chaque bureau. Zoom, déplacement, et un clic ouvre le flux en grand depuis son bureau.
Plusieurs écrans, plusieurs machines
Un salon éphémère suffit à relier des PC qui ne se connaissent pas.
Second écran
Ouvre une vraie fenêtre et la place sur l'écran voisin quand le navigateur l'autorise. L'écran d'origine bascule en pilotage.
Espaces de travail
Deux onglets, deux jeux de fenêtres indépendants, chacun visible comme une machine distincte dans le salon.
Code de contrôle
Six caractères dictables, un QR, aucune inscription. Le salon vit en mémoire et disparaît après une heure d'inactivité.
Télécommande deck
Une touche par flux, six commandes par touche, tout sur un écran sans défilement, verrou de veille pour l'iPad.
🎚 Son distant
Le son de l'écran qui affiche est capturé et envoyé à l'autre machine en WebRTC : une seule lecture, donc plus de décalage.
📺 Diffusion
Envoi du mur de flux vers un téléviseur compatible, avec le code du salon dans le lien pour rester pilotable.
Performance et confort
Trois profils
Éco, Focus et Manuel pilotent la qualité de tous les flux d'un coup, avec réglage fin fenêtre par fenêtre.
Audio intelligent
Solo, Multi, « le son suit la souris », Muet. Volume global, et bascule individuelle par fenêtre.
Reprise automatique
Un chien de garde détecte les lecteurs figés, les relance, et propose le ▶ natif de Twitch quand le navigateur refuse.
Présets
La composition entière enregistrée et rejouée d'un clic : flux, places, tailles, qualités, mode, audio.
Liens composés
?open=…&card=…&mode=… ouvre un écran tout prêt : pratique pour partager une configuration.
Raccourcis
Dispositions, modes, panneau, audio et navigation entre flux au clavier.
Sous le capot
Les choix qui rendent tout ce qui précède possible.
Zéro dépendance
Serveur Node avec la seule bibliothèque standard, front en modules ES natifs. Pas de build, pas de bundler, pas de framework.
Un seul appel amont
Le serveur interroge l'API toutes les douze secondes et pousse le résultat en SSE à tous les onglets — quel que soit leur nombre.
Iframes jamais déplacées
Une fenêtre n'est jamais re-parentée : tout passe par la position et la taille, car déplacer une iframe la recharge et coupe le flux.
État répliqué
BroadcastChannel et stockage local entre onglets, salon SSE entre machines, avec révisions monotones pour éviter les allers-retours.
Rendu différé
Aucune liste n'est reconstruite tant qu'un menu est ouvert ou qu'un champ est actif : c'est ce qui rend la télécommande fluide.
WebRTC sans serveur dédié
Le pont audio réutilise les commandes du salon pour sa signalisation : aucune infrastructure supplémentaire.