top of page

Projects

Tonemap.live turns pitch into color, helping musicians of all levels see and refine their intonation in real time.

​​​​​​​​​​​​​​

Tonemap.live — Building a New Type of Practice Aid from the Ground Up

 

​

 

 

 

 

 

Tonemap.live began as an experiment: could a tuner provide more than a slice-of-time analysis, and help a musician identify intonation trends in their playing over time?  

​

The first ChatGPT sketches were on my laptop: a Python proof-of-concept using aubio for pitch detection and matplotlib to visualize frequency drift over time.  As an app on my laptop, it worked, but I realized that it wasn't very portable, and between App Store approval, downloading, installing, and maintaining, would have many obstacles to wider adoption.

​​​

So I started researching, and discovered it may be possible to implement in a browser.  I used ChatGPT to work directly with the Web Audio API and JavaScript.  I built an early HTML version using Aubio.js, which could analyze live microphone input.  From there I moved to an in-file McLeod Pitch Method pitch analysis, and a universal web version started to come to life.

​

As the prototype evolved, I moved everything into Visual Studio Code with Codex, integrated it with GitHub, and connected it all to Cloudflare for hosting.  Revisions and features are now much easier and faster.

​

ChatGPT also helped design the Tonemap.live logo: the 4×4 grid of colored squares representing the Tonemap grid.

​

The result is a single-page app that opens instantly, runs entirely client-side, and is private to your device.

​​

What's next?  I'm hoping to add different note names for wind instruments, persistent user settings, and more.  Your ideas, perhaps? Let me know!

​

-Jeremy

tonemaplogo.jpg

©2024 by East End Violin Studio. Proudly created with Wix.com

bottom of page