Skip to content

RingoMar/timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 Cannot retrieve latest commit at this time.

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.