Work Web app · Audio & AI

Practice Studio: vocals & drums

Two practice apps on one engine, for a singer and a drummer: paste a song, AI splits it into vocals, drums and the rest, then you rehearse with pitch, tempo, loops, a metronome and synced lyrics.

Role
Idea, design and development (built for people close to me)
Year
2026
Status
Personal project
Type
Web app · Audio & AI
A metronome built into the app
Song editor: waveform with sections, pitch, tempo, mixer and synced lyrics
Full-screen karaoke mode with the current line highlighted
The drum version: separate drums, vocals and the rest, plus a metronome track
Song library with detected key and BPM

The challenge

A good backing track in the right key, or a version of a song without the drums, usually means hunting through YouTube or paying per song. Practising a tricky passage means scrubbing back and forth by hand.

The solution

A web app where any song becomes a practice session. Heavy audio processing runs on a cloud GPU; everything else lives on the edge, so it opens instantly on an iPhone, iPad or laptop.

Key features

  • AI stem separation (Demucs): vocals, drums and the rest; key and BPM detection; lyrics transcription (Whisper)
  • Player with ±12 semitone pitch shift, tempo control and instrumental / guide-vocal mixer
  • Waveform with verse and chorus markers, notes and A-B loops
  • Drum mode: mute or solo drums, vocals and the rest, with a metronome track
  • Synced lyrics, karaoke mode and WAV export
  • Background processing queue with an automatic fallback worker

Built with

  • React
  • TypeScript
  • Hono
  • Cloudflare Workers
  • D1
  • R2
  • Python
  • Demucs
  • Whisper
  • Modal (GPU)

Outcome

In regular use by the singer and the drummer it was built for, each with their own version of the app on the same architecture.

Next project

Momentum Church →

Have a project in mind?

Tell me briefly what you want to build. I reply within one working day with honest thoughts and, if it’s a fit, a clear quote.