Live URL Switcher 🎚️
Tool • Sep - Oct 2021
A small tool to control the URL rendered on a page in real time. Useful for adding dynamic webviews to your live streams.
Why ?
During COVID, the matches of my local handball team were played behind closed doors. I was in charge of broadcasting matches on social networks.
I've created an online live scoreboard of the match to be able to display the time and score of the match in the live video. However, there are different states of the scoreboard.
Instead of trying to guess what the displayed overlay should be according to the time in my scoreboard app, I've created this small tool that allows me to change the overlay with a simple click in OBS.
In addition, the French Handball league gives URL to display match statistics on a big screen. They provide a special admin page where you can copy screens URL. So, in addition to button controlled views, i've also added a text-input controlled view to switch between these screens with a simple copy-paste.
Note that this was my first Node.js project and one of my first in javascript. The code might be very messy and contains English and French. However, I've used it in real livestreams for more thant a year without ever encountering any problems.
Authors
Related experiences
Sélestat Alsace Handball
Production manager for live match broadcasts
2020 - 2022