Hacker News new | ask | show | jobs
by nspeller 2644 days ago
I used Tone.js to create my music theory website https://www.lightnote.co/

Using recordings from my guitar (of each and every note) I was able to build an interactive fretboard that could play guitar tabs/chords. Also the Transport API made it simple to build a drum looping machine very quickly.

Ableton has built something similar, also using Tone.js: https://learningmusic.ableton.com/make-beats/make-beats.html

Performance on mobile leaves a lot to be desired. I found there was considerable lag.

3 comments

Just tried https://www.lightnote.co/ . Thank you for making it, I really love it.
+1 This is a Fabulous site. I've been playing guitar and keyboards for over 30 years, and I just learned so many new things about music theory from your site. Great work, and I shall spread this around to anyone I know who is learning music theory. Love your work!
I've been looking at your site and I like your music theory lessons a lot. Great work!

One request - could you use a slightly longer attack on your 'basic tone' sound in the lessons? Currently there's a harsh click each time the tone plays. Just 0.05 seconds of attack would still give a 'punchy' sound, without the clicks.

I made a toy project with tone.js as well and found the same mobile performance issue - http://bloop.elialbert.com

is unusable in an iphone 10 and perfectly fine in chrome desktop. if anyone knows how to fix that I'd love to hear.