LiveTime
A remote stream management interface built for LiveTime, a 54-hour charity marathon showcasing speedrunners. Operators could control the stream entirely from their browser via OBS WebSocket, without needing local OBS access.
Overview
LiveTime was a charity event organized with Aife, broadcasting speedrunners non-stop for 54 hours. This interface gave the remote team the ability to manage the stream from anywhere - switching scenes, controlling sources, and coordinating the broadcast without anyone needing to be physically at the machine running OBS.
How It Works
The app connects to OBS via obs-websocket-js, exposing scene transitions and source controls through a shared browser interface. Firebase keeps all connected operators in sync in real time, so every action is immediately reflected across the team.
Stack
- Frontend: Vue 3, TypeScript, WindiCSS, Vite
- Storage: Firebase
- Integration: OBS WebSocket