/obs-pomodoro

Simple hardcoded pomodoro timer for OBS

Primary LanguageJavaScript

obs-pomodoro

This is a simple hardcoded pomodoro timer for OBS.

How does it work

  • a cycle is consists of two sessions: 50 minutes of work and 10 minutes of break
  • each type of session has a counter
  • there are two buttons: the left one is used to start/pause the timer and the right one is used to reset it (it won't reset sessions counters)
  • every time a work session begins and ends an audio is played

Setup

  1. git clone this repo
  2. Open OBS
  3. Add source -> Browser -> Create new (choose a name and check the checkbox) -> click "Ok"
  4. Check "Local file" -> Click the "URL" field and choose "index.html" that is inside the repo you cloned
  5. Set both "Width" and "Height" to 500
  6. If you want transparent background just replace the content of "Custom CSS" with body, html { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
  7. Click "Refresh cache of current page"
  8. Click "Ok"

How to use it

  1. Select the souce you created from the sources list
  2. Right click on it
  3. Interact
  4. Enjoy

Result

image