jzz-input-kbd

Virtual piano controls for your MIDI projects

Usage no npm install needed!

<script type="module">
  import jzzInputKbd from 'https://cdn.skypack.dev/jzz-input-kbd';
</script>

README

JZZ-input-Kbd

windows macos linux ios android
npm npm jsDelivr

Virtual piano controls for your MIDI projects

Keyboard, mouse and multitouch support. Custom styles. Ready for responsive design.

kbd

Install

npm install jzz-input-kbd
or bower install jzz-input-kbd
or yarn add jzz-input-kbd
or get the full development version and minified scripts from GitHub

Usage

Plain HTML
<script src="JZZ.js"></script>
<script src="JZZ.input.Kbd.js"></script>
//...
CDN (jsdelivr)
<script src="https://cdn.jsdelivr.net/npm/jzz"></script>
<script src="https://cdn.jsdelivr.net/npm/jzz-input-kbd"></script>
//...
CDN (unpkg)
<script src="https://unpkg.com/jzz"></script>
<script src="https://unpkg.com/jzz-input-kbd"></script>
//...
CommonJS
var JZZ = require('jzz');
require('jzz-input-kbd')(JZZ);
//...
AMD
require(['JZZ', 'JZZ.input.Kbd'], function(JZZ, dummy) {
  // ...
});

Classes

JZZ.input.Kbd - Virtual HTML piano keyboard
JZZ.input.ASCII - Map ASCII keys to MIDI
JZZ.input.Slider - Slider MIDI control
JZZ.input.Pad - Two-dimensional MIDI control

More information

Please visit https://jazz-soft.net** for more information.