Countdown Timer:
The page displays a countdown timer along with animated HUD elements. The timer starts from a default value (05:00) if no parameters are provided.
URL Parameters:
time: Set the starting time for the countdown in the format mm:ss.
Example: https://hjmeneses.github.io/StreamingCountDown/?time=03:30 starts the countdown at 3 minutes and 30 seconds.
scene: Specify the OBS scene name to switch to when the countdown reaches 0. This functionality works only when the page is used as a browser source in OBS (i.e., when window.obsstudio.setCurrentScene is available).
Example: https://hjmeneses.github.io/StreamingCountDown/?time=03:30&scene=GameScene will switch to the scene named "GameScene" 500 ms after the timer reaches 0.
Glitch: The getParameter('glitch') function is used to read the parameter from the URL. If the value is "off", the glitch class is removed from the timer element, disabling the effect. Otherwise (or if not specified), the glitch class is added, enabling the effect.
Timer: The timer element no longer includes the glitch class by default in the HTML; it is now added or removed via the script based on the parameter. With this change, you can control the glitch effect by appending ?glitch=off to the URL to disable it, or ?glitch=on (or omit it) to keep it enabled.
Additional Effects:
The page also features a scanning line effect that traverses the screen every 4 seconds, accompanied by a beep sound synchronized with the scan line crossing the center of the page.
The page displays a countdown timer along with animated HUD elements. The timer starts from a default value (05:00) if no parameters are provided.
URL Parameters:
time: Set the starting time for the countdown in the format mm:ss.
Example: https://hjmeneses.github.io/StreamingCountDown/?time=03:30 starts the countdown at 3 minutes and 30 seconds.
scene: Specify the OBS scene name to switch to when the countdown reaches 0. This functionality works only when the page is used as a browser source in OBS (i.e., when window.obsstudio.setCurrentScene is available).
Example: https://hjmeneses.github.io/StreamingCountDown/?time=03:30&scene=GameScene will switch to the scene named "GameScene" 500 ms after the timer reaches 0.
Glitch: The getParameter('glitch') function is used to read the parameter from the URL. If the value is "off", the glitch class is removed from the timer element, disabling the effect. Otherwise (or if not specified), the glitch class is added, enabling the effect.
Timer: The timer element no longer includes the glitch class by default in the HTML; it is now added or removed via the script based on the parameter. With this change, you can control the glitch effect by appending ?glitch=off to the URL to disable it, or ?glitch=on (or omit it) to keep it enabled.
Additional Effects:
The page also features a scanning line effect that traverses the screen every 4 seconds, accompanied by a beep sound synchronized with the scan line crossing the center of the page.
