piano-keyboard

A piano keyboard in JavaScript.

Why?

• Because most JavaScript keyboards aren't simple and customizable enough.
• I'm creating a piano roll control, so it needs a piano keyboard to work.
• This is ideal for music software that utilizes keyboards.

Installation

NPM:

$ npm install --save @theoryofnekomata/piano-keyboard

Bower:

$ bower install --save piano-keyboard

Usage

In your HTML:

<!-- ... -->

<div id="piano-element" data-white-key-width="auto"></div>

<!-- ... -->

In your JavaScript:

// ...
var pianoElement = document.getElementById('piano-element');

new PianoKeyboard(pianoElement);

pianoElement.addEventListener('noteon', function onNoteOn(e) {
    // ...    
});

pianoElement.addEventListener('noteoff', function onNoteOff(e) {
    // ...    
});

// ...

License

MIT. See LICENSE file for details.