Skip to content

zenika-open-source/clepsydre

Repository files navigation

Clepsydre (temporary name)

This is a presentation timer, meant to be run in full screen on any browser.

The screen fills up from the bottom to give a clear indication of the time remaining. Once the screen is filled up, the time is over. The colors change too :

  • from 0 to 80% it's blue: you have time
  • from 80% to 90% it turns green. You still have time.
  • from 90% to 95% it turns yellow, hurry up.
  • from 95% to 100% it turns red, your time is almost over.

screenshot

Features

  • Works in any browser, no app required
  • Colors make a clear indication of time left from afar
  • On phones, the screen will stay awake during the timer
  • Duration is customizable through url
  • Optional subtle beep when the time is up

Origin of the name

Clepsydre, from french Wikipedia :

À l'origine, la clepsydre est un instrument à eau qui permet de définir la durée d'un événement, la durée d'un discours par exemple.

From the English wikipedia :

A water clock, or clepsydra, is a timepiece by which time is measured by the regulated flow of liquid into (inflow type) or out from (outflow type) a vessel, and where the amount of liquid can then be measured.

Select duration

The default duration of the timer is 10 minutes.

To change it, add the parameter duration=YOUR_VALUE_HERE in the url. It accepts minutes (m) and seconds (s or no unit) like this :

  • ?duration=20s for 20 seconds
  • ?duration=15m for 15 minutes
  • ?duration=2m30s for 2 minutes and 30 seconds
  • ?duration=30 for 30 seconds (no unit means seconds)
  • ?duration=60m for 1 hour

Sound

You can enable a subtle beep when the timer reaches 00:00 by adding the parameter sound=true in the url. For example :

Wakelock

There is a wakelock to prevent the phone from going to sleep once the timer is started.

Once the timer reaches 00:00 the screen will stay on so you can see the time is up even if you go over your alloted time.

Be mindful of your phone since it will stay unlocked.

Demo

Here is a timer of 20 seconds : https://zenika-open-source.github.io/clepsydre/?duration=20s

You can use this url anytime and adapt the duration to your need. A shorter url will soon be provided

Credits

This project is greatly inspired from the Android app Presentation Timer from Neuron Digital. Unfortunately this app only exists on Android and I thought it could be useful on iphones and other devices too.

with love by zenika

About

Fullscreen timer with colors filling the screen for presentations

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5