This Pomodoro Timer can be used in OBS during streams of your study or work session. Add https://25-5.xyz/obs.html as a browser source in OBS.
In OBS under Sources add Browser
As URL set https://25-5.xyz/obs.html
Set Width to 370 and Height to 520
Make sure in your Custom CSS field is this code:
body { background-color: rgba(0,0,0,0); margin: 0px auto; overflow: hidden; }
To start the timer you have to right-click on the browser source and
click Interact. In this window you can start your 25 minutes timer.
A gong sound signals the end of the work session. Another gong signals the end of the 5 minutes break session.
If you want custom time durations or don't need sounds you can use a custom URL: https://25-5.xyz/obs.html?tw=25&tb=5&sound=on
The first number 25 is the duration of the work session in minutes.
The second number 5 is the duration of the break in minutes. The last
parameter sound toggles the sound and can be set to off.
The URL for a timer with a work duration of 45 minutes and a break duration of 10 minutes without sounds would look like this: https://25-5.xyz/obs.html?tw=45&tb=10&sound=off