12 comments

[ 3.5 ms ] story [ 39.1 ms ] thread
We've built a sheet-music rendering engine in JavaScript/HTML5. It syncs real audio with sheet music and is intended to be the best way to learn a song.

Here's a quick video demo I made: http://www.youtube.com/watch?v=tq1go7Ld1Q4

This is ridiculously awesome :) Bravo.
Very nice program.

Would be great to incorporate learning tracks like treehouse -

let the user decide what songs they want to learn - and keep track of how they are doing on their goals

I would like to point out that this is more awesome than it even looks. Try selecting a portion of the song, in the usual way with your cursor.
If you look closely while it loads: "Reticulating splines..." — best rendering messaging ever
This is awesome.

As someone trying to learn to play guitar, being able to loop and 4 measures at a time to play along with is incredibly useful.

This is one of the best products I've seen in a while. Mad props.
This is awesome. Great job on this. Love seeing music and computing intersect!
Incredible work guys. I signed up quite a while back and you have come a super long way! The site is looking great and the live sheet music is spectacular.
Notezilla (http://www.notezilla.io/library) is similar. It, too, plays real audio synced with visible and interactive sheet music, but it is for classical and pop music instead of guitar music. It doesn’t support guitar tabs, and it has a smaller library, but everything in its library is free.
This is incredible, it's amazing to see this all running in the browser.

One nag, I didn't actually know I could scrub on the tabs until I clicked - have you thought about adding a grey-like highlight on hover? Either with the same bar or highlighting the notes under the mouse?