music21j-port
Version:
A toolkit for computer-aided musicology, Javascript version
39 lines (32 loc) • 1.41 kB
HTML
<html>
<head>
<title>Piano Keyboard!</title>
<!-- for MSIE 10 on Windows 8 -->
<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true"/>
<script data-main="../src/music21.js" src="../ext/require/require.js"></script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script>
var k = ""; // will become keyboard.Keyboard object
require(['music21'], function () {
k = new music21.keyboard.Keyboard();
var kd = document.getElementById('keyboardDiv');
k.startPitch = 6;
k.endPitch = 57;
k.appendKeyboard(kd);
var options = {
onsuccess: function () { console.log(this) },
oninputsuccess: function () { console.log("found one!") },
oninputempty: function () { console.log("nope") }
};
music21.webmidi.createSelector($("#putMidiSelectHere"), options);
music21.miditools.callBacks.general = [music21.keyboard.jazzHighlight.bind(k),
music21.miditools.sendToMIDIjs,
];
});
</script>
</head>
<body>
<div id="keyboardDiv"></div>
<div id="putMidiSelectHere"></div>
</body>
</html>