Digital keyboard interface with synesthetic effects

Showcase
1

So Saturday, I'm moving my digital piano and literally had one of those "OMG there's a USB connection back here" moments. I chased an extra Type-B cable, plugged it into my laptop, downloaded the USB-Midi driver from Yamaha for macOS, found a suitable project to fork and created something in a couple hours.

32%20PM
Screen Shot 2019-05-04 at 5.20.32 PM.png1369×414 16.2 KB

It turns out that the Chrome browser has MIDIAccess now as a bleeding-edge feature, making this possible in client-side JavaScript.

The colorization matches that of my vexflow-syn project, in case you were wondering.

53a45d2a-3701-11e7-9f94-b14363448406.png1310×477

After my move this summer, I'd like to develop a realtime tablature app which takes advantage of both these projects at once.

2

I've got it now dynamically adding the notes to the canvas-rendered tablature. :slight_smile:

29%20PM
Screen Shot 2019-05-16 at 6.41.29 PM.png1433×642 42.9 KB

3

And now it's doing accidentals and chords (still limited to quarter notes though). syn-midi