Live URL Switcher 🎚️

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.

Manage in real time what URL is displayed on a source page.

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.

The overlay varies before, during half-time and after the match.

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.
Node.jsExpressejs

Related experiences

Sélestat Alsace Handball
Sélestat Alsace Handball

Production manager for live match broadcasts

2020 - 2022