★ Případová studie
PWA
2025 · 4 týdny
ChordLens
Real-time rozpoznávání kytarových akordů z mikrofonu. Žádný server, žádný upload, žádná čekací doba. Stačí zahrát.
Problém
Stávající chord-finder appky vyžadují buď psaní (toporné) nebo screenshot tabů (nepraktické). Když si chceš zjistit akord, který hraješ, musíš přerušit hraní. Cílem bylo nechat kytaru rozeznat akord sama tím, že jí ho zahraješ.
Řešení
- WebAudio AnalyserNode pro FFT v reálném čase přímo v prohlížeči
- Vlastní pitch detection algoritmus (HPS — harmonic product spectrum) běžící ve Web Workeru
- Akordy se matchují proti šabloně 120 standardních pozic (dur, mol, 7, sus, …) s tolerancí ladění
- 3D fretboard s podsvícením prstů (Three.js, ~60fps i na slabších telefonech)
- Plně offline po prvním načtení (Service Worker); historie posledních 50 akordů
Výsledek
Aplikaci si vybraly dvě menší hudební školy jako pomůcku pro výuku — učitelé oceňují, že žák uvidí, jak akord vypadá na hmatníku ve chvíli, kdy ho zahraje. Bez registrace, bez sledování, beze ztráty soukromí žáka.
Stack
Web Audio API
Web Workers
Custom DSP
Three.js
TypeScript
Service Worker