This is a simple web application that displays the elapsed time since a specified timestamp. It can be useful for tracking how much time has passed since a particular event or milestone.
- Displays the elapsed time in hours, minutes, and seconds.
- Supports starting the timer from a specified Unix timestamp provided as a URL parameter.
Specify a Timestamp: Optionally, users can specify a timestamp by appending ?time= to the URL in the address bar of their web browser. They should replace with the desired timestamp in ISO 8601 format (e.g., 2024-03-29T22:00:33Z).
For example, if the project is being served locally, the URL might look like this:
https://ringomar.github.io/timer/?time=2024-03-29T22:00:33Z
This URL format allows users to set a specific starting time for the timer displayed by the web application.
-
Open OBS and go to the "Sources" window.
-
Click the "+" button and select "Browser Source".
-
In the "Create/Select Source" window, name your source (e.g., "Web Page") and click "OK".
-
In the "Browser Source Properties" window, enter the URL (e.g., https://ringomar.github.io/timer/?time=2024-03-29T22:00:33Z) to display.
-
For the "Width" and "Height" settings, enter the desired dimensions
Width: 400
Height: 150 -
Leave the "Custom CSS" settings at their defaults.
-
Click "OK" to close the window and apply the settings.