/tomodoro

A pomodoro web app with PIP mode, white noise generation, tasks and more! | 好工具周刊第 25 期 - https://discuss-cn.bestxtools.com/

Primary LanguageJavaScriptMIT LicenseMIT

Tomodoro

ko-fi  Tomodoro - Simple Pomodoro timer for the web | Product Hunt

A pomodoro web app with PIP mode, white noise generation, tasks and more!

Screenshot

Features:

  • Clean UI
  • PIP Mode
  • Tasks and Statistics
  • White Noise
  • Themes
  • Works Offline

Tasks and Statistics

Statistics

Tomodoro allows the creation of "Tasks". Time spent in a focus session can be dedicated to a task in order to generate statistics. All the data is saved in your browser. Taking frequent backups is recommended. Backup and restore options are available in Tomodoro's settings.

About Always On Top/PIP Mode

PIP Demo

Not tested on Safari but might work

PIP mode works by drawing on a canvas, capturing its stream and using it as source of a video element. Then it requests Picture-In-Picture.

On desktop Firefox, PIP button will only make the video visible but will not activate PIP. To switch to PIP mode, right click on the video and select "Watch in Picture-In-Picture".

On Android browsers, like Chrome for Android which does not support the Picture-In-Picture API, in order to switch to PIP mode, make the video fullscreen and then go to your device's homescreen without exiting fullscreen. If your browser is supported then PIP mode will be activated.

To-Do

  • Make code cleaner
  • Add custom theming

Credits

Icons from Material Icons

License

MIT