DISTV (Digital Information System for TeleVisions) was developed at the last minute, as an alternative to running a separate encoding system to display overlays of event information. Using the Firebase Real time Database API and Firebase hosting, I was able to deploy this application in little over one week for use at several live-streamed high school events.
DISTV's User Interface - Left: User Portal with Live-stream and Event Information; Right: Admin Portal showing modifiers for Event Information
Users would simply navigate to the website to see both the live-stream as a YouTube embed element, and event information on the same page. The interface used the Real time Database API to automatically update on-screen information when new content was available. The mobile companion site also allowed for event crew to have a virtual "run-sheet" of the event, without the live-steam element
An administration console allowed for an operator to edit the event information displayed, implementing Single Sign On for authentication of users.