Skip to content

RingoMar/timer

Repository files navigation

drawing Time Since Timestamp Counter

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.

Features

  • Displays the elapsed time in hours, minutes, and seconds.
  • Supports starting the timer from a specified Unix timestamp provided as a URL parameter.

How to Use

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.

Add a browser source to OBS (Open Broadcasting Software)

  1. Open OBS and go to the "Sources" window.

  2. Click the "+" button and select "Browser Source".

  3. In the "Create/Select Source" window, name your source (e.g., "Web Page") and click "OK".

  4. In the "Browser Source Properties" window, enter the URL (e.g., https://ringomar.github.io/timer/?time=2024-03-29T22:00:33Z) to display.

  5. For the "Width" and "Height" settings, enter the desired dimensions

    Width: 400
    Height: 150

  6. Leave the "Custom CSS" settings at their defaults.

  7. Click "OK" to close the window and apply the settings.