jazz-soft / JZZ-input-Kbd

Virtual piano controls for your MIDI projects

Home Page:https://jazz-soft.net/demo/PianoStyle.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

Virtual piano controls for your MIDI projects

https://jazz-soft.net/demo/PianoStyle.html


Languages

Language:JavaScript 94.8%Language:HTML 5.2%