Building an animated piano keyboard with JavaScript and MIDI

This page cannot be shown here. You can still read it on the original site — the toolbar below keeps your place in the directory.

I’m currently working on JazzKeys.fyi , a website of jazz piano tutorials. I wanted each musical example to include a simple on-screen keyboard that would animate as notes are being played. There didn’t seem to a solution that matched quite what I was looking for, so I decided to roll my own, a demo of which you interact with below. A working demo of the keyboard in action. Drag the vertical…

Read on /posts/piano-keyboard-javascript/ ↗