JZZ-input-Kbd

windows macos linux ios android

Virtual piano controls for your MIDI projects

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

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="https://github.com/jazz-soft/JZZ-input-Kbd/raw/master/JZZ.js"></script>
<script src="https://github.com/jazz-soft/JZZ-input-Kbd/raw/master/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.

jazz-soft / JZZ-input-Kbd

readme