Tous les projets
Vue 3TypeScriptFirebaseOBS WebSocketVite

LiveTime

Une interface de gestion de stream à distance construite pour LiveTime, un marathon caritatif de 54h dédié aux speedrunners. Les opérateurs pouvaient contrôler le stream depuis leur navigateur via OBS WebSocket, sans accès local à OBS.

oct. 2021

Vue d’ensemble

LiveTime était un événement caritatif organisé avec Aife, diffusant des speedrunners en continu pendant 54 heures. Cette interface donnait à l’équipe distante la capacité de gérer le stream depuis n’importe où - changer les scènes, contrôler les sources et coordonner la diffusion sans que personne n’ait besoin d’être physiquement à la machine qui fait tourner OBS.

Fonctionnement

L’application se connecte à OBS via obs-websocket-js, exposant les transitions de scènes et les contrôles de sources à travers une interface navigateur partagée. Firebase maintient tous les opérateurs connectés en temps réel, de sorte que chaque action est immédiatement reflétée pour toute l’équipe.

Stack

  • Frontend : Vue 3, TypeScript, WindiCSS, Vite
  • Storage : Firebase
  • Intégration : OBS WebSocket