Technology Applications Download Documentation Community about the developer...

Home » Documentation » JZZ.js » Modules » JZZ.input.Qwerty

JZZ.input.Qwerty

A wrapper for Qwerty-Hancock virtual piano by Stuart Memo

See the demo...

Usage

JZZ.input.Qwerty(params);
// or
JZZ.input.Qwerty(name, params);
// or
JZZ.input.Qwerty.register(name, params);
JZZ().openMidiIn(name);

where params - is the parameters object passed to the underlying library:

id: the id of the <div> that is going to "hold" the keyboard
width: the width in pixels of the keyboard
height: the height in pixels of the keyboard
octaves: the number of octaves the keyboard should span
startNote: the first note of the keyboard with octave
whiteNotesColour: the colour of the "white" keys
blackNotesColour: the colour of the "black" keys
hoverColour: the keyOn hover colour

Example

<script src='JZZ.js'></script>
<script src='qwerty-hancock.js'></script>
<script src='JZZ.input.Qwerty.js'></script>
...
<div id='qwerty'> here comes the piano! </div>
...
<script><!--
JZZ.input.Qwerty({id:'qwerty', width:281, height:150, octaves:1, startNote:'C4'})
   .connect(JZZ().openMidiOut());
--></script>

See also