KAVINSKY59x Control Center
Une application de bureau Windows qui permet à un streamer Twitch de piloter son direct depuis un seul écran : commandes Twitch, changement de scène OBS et overlays affichés à l’antenne.
Dépôt privé
01Ce que c’est
Une application Electron privée pour le streamer derrière la chaîne KAVINSKY59x. Un tableau de bord pilote Twitch et OBS, et un ensemble d’overlays en source navigateur (starting soon, gaming, chatting, BRB, ending, offline et alertes) sont servis en local pour qu’OBS les affiche. Les événements Twitch en direct arrivent dans les overlays et dans le tableau de bord au moment où ils se produisent.
02Ce sur quoi j’ai travaillé
J’ai mis en place la première version de l’application, puis je l’ai migrée vers TypeScript : le processus principal d’Electron, les modules du service local, le coffre à jetons et le flux de connexion, puis un tableau de bord React et un build Vite pour les overlays. J’ai réduit le pont entre le tableau de bord et le processus principal à une liste fermée de canaux, et ajouté une suite Vitest, des hooks git et un contrôle en CI pour que chaque changement passe la même vérification.
03Comment elle tourne
Le processus principal démarre un petit service qui n’écoute que sur la machine locale. OBS y charge les overlays, et le tableau de bord parle au processus principal, jamais directement au réseau. Les jetons Twitch sont chiffrés par le système d’exploitation et stockés hors du projet, et les secrets restent en dehors de l’application livrée. Un utilitaire natif intègre un aperçu d’OBS dans le tableau de bord. L’application est livrée sous forme d’installeur Windows et de version portable.
Comment c’est construit
- Un événement Twitch en direct qui atteint les overlays
- Le streamer qui change de scène OBS
- Connexion à Twitch
- L’aperçu OBS dans le tableau de bord
- L’annonce du direct sur Discord
- Une livraison
Écrans
Ce que voit le streamer
Control Center
L’application de bureau
Services
Ce qu’elle pilote
Livraison
Jusqu’au PC du streamer
Sélectionnez un élément du schéma pour voir son rôle. Chaque couleur est un flux à travers le système.