Add keyboard DOM widget

Question

benbovy opened this issue 4 years ago · comments

Benoit Bovy · Answer 1 · Sat Feb 13 2021 05:18:13 GMT+0800 (China Standard Time)

NexusUI provides a keyboard widget too: http://nexus-js.github.io/ui/api/#Piano

David Brochart · Answer 2 · Sat Feb 13 2021 06:00:18 GMT+0800 (China Standard Time)

We could also interface with external MIDI devices using the set of Web MIDI APIs, e.g. https://developer.mozilla.org/en-US/docs/Web/API/MIDIInput.

Benoit Bovy · Answer 3 · Sat Feb 13 2021 06:13:27 GMT+0800 (China Standard Time)

Yes that would be great. Similarly to the Web Audio API -> Tones.js, there's WebMIDI, which has already been used here.

Benoit Bovy · Answer 4 · Sat Feb 13 2021 06:19:29 GMT+0800 (China Standard Time)

As an alternative to MIDI, we could also look to libraries implementing the OSC protocol (Python and/or JS).

Benoit Bovy · Answer 5 · Tue Feb 23 2021 18:09:20 GMT+0800 (China Standard Time)

react-piano looks very nice, unless we don't want react as a dependency.