Skip to content

jazz-soft/JZZ-input-Kbd

Repository files navigation

JZZ-input-Kbd

windows macos linux ios android
npm npm jsDelivr build Coverage Status

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 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);
//...
TypeScript / ES6
import { JZZ } from 'jzz';
import { Kbd } from 'jzz-input-kbd';
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.