Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧘 Zen Timer

Timer da meditazione con suono di campana tibetana — una singola pagina HTML, zero dipendenze.

Prova il timer HTML5


✨ Cos'è

Un countdown per la meditazione che suona una campana tibetana sintetizzata ogni volta che arriva a zero, e riparte da capo all'infinito. Tutto in un unico file HTML — apri e usa, senza installare niente.

🎵 Il suono

La campana tibetana è sintetizzata via Web Audio API — nessun file audio esterno. Sei parziali inarmoniche (172–1360 Hz) con battimenti shimmer, più un attacco metallico brillante da singing bowl autentica. Durata: 1,3 secondi. Risvegliante ma zen.


🔧 Features

  • ⏱️ Timer selezionabile — preset: 5s, 5m, 10m, 15m, 20m, 30m, 45m, 60m + input personalizzato (1–999 min)
  • 🔁 Auto-loop continuo — arriva a zero → suona la campana → riparte
  • 💍 Anello SVG animato — progresso visivo che si consuma col tempo; pulsa negli ultimi 10 secondi
  • 📱 Installabile come app — PWA con manifest e service worker; aggiungi alla home screen del telefono
  • 🔊 Controllo audio — toggle mute/suono e volume regolabile; stato salvato in locale
  • 🎯 Precisione in background — Web Worker mantiene l'accuratezza anche a tab nascosto
  • ⌨️ Shortcut tastieraSpazio/P = play/pausa, R = reset
  • Accessibilitàaria-live, aria-label dinamici, supporto tastiera completo
  • 🌙 Design responsivo — funziona su desktop, tablet e telefono
  • 🛜 Offline — il service worker lo rende utilizzabile senza connessione
  • 🌐 Italiano — tutta l'interfaccia in italiano

🚀 Come usarlo

Subito online

Apri il timer nel browser — nessuna installazione necessaria.

Sul telefono (come app)

  1. Apri il link qui sopra
  2. iPhone/iPad: tocca l'icona "Condividi" → "Aggiungi a Home"
  3. Android: tocca i tre puntini → "Aggiungi a schermata Home"
  4. Appare l'icona di Zen Timer sulla home — aprilo quando vuoi, funziona anche offline

In locale

Scarica index.html e aprilo col browser.


🛠️ Tecnologia

  • HTML5 + CSS3 + JavaScript (ES6+)
  • Web Audio API — sintesi audio della campana
  • Web Workers — precisione del timer in background
  • Service Worker — caching offline
  • Web App Manifest — installabilità PWA
  • SVG — anello progresso + icone

📄 Licenza

MIT — usalo, modificalo, condividilo liberamente.

About

Meditation countdown timer with Tibetan singing bowl sound

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages