Technology Aug 15, 2026 · 1 min read

ear training app with Web Audio API

I studied at a conservatory and we always used song mnemonics for intervals. Star Wars for a perfect fifth, Jaws for a minor second. Couldn't find a clean web app that does this, so I built one in a day. What it does: Interval and chord recognition with 12 intervals and 8 chord types Spaced repeti...

DE
DEV Community
by DataVoxy
ear training app with Web Audio API

I studied at a conservatory and we always used song mnemonics for intervals. Star Wars for a perfect fifth, Jaws for a minor second. Couldn't find a clean web app that does this, so I built one in a day.

What it does:

Interval and chord recognition with 12 intervals and 8 chord types
Spaced repetition (asks more of what you get wrong)
4 sound types: piano, synth, guitar, sine wave
Daily challenges and streak tracking
All progress saved locally, no account needed
Stack:

Pure HTML/CSS/JS, single file
Web Audio API for generating tones (no audio files)
localStorage for all progress data
Cloudflare Workers + R2 for hosting (zero cost)
No framework, no build step, no backend
The whole app is one HTML file. Deploys to Cloudflare R2 and gets served by a Worker that maps paths to objects in the bucket.

Try it here: https://tonepulse.datavoxy.com

Planning to add scale identification and melodic dictation next. Feedback welcome.

DE
Source

This article was originally published by DEV Community and written by DataVoxy.

Read original article on DEV Community
Back to Discover

Reading List