ffdb8fc93a
Web MIDI API support works with jazz-soft.net plugin installed, this means users will not need to download Soundfonts from your website, rather they will use their built-in sound banks. This shim by @cwilso provides a preview of the upcoming Web MIDI API, an exciting addition to the W3 specs!
45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns = "http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<!-- midi.js package -->
|
|
<script src="./js/MIDI/AudioDetect.js" type="text/javascript"></script>
|
|
<script src="./js/MIDI/LoadPlugin.js" type="text/javascript"></script>
|
|
<script src="./js/MIDI/Plugin.js" type="text/javascript"></script>
|
|
<script src="./js/MIDI/Player.js" type="text/javascript"></script>
|
|
<script src="./js/Window/DOMLoader.XMLHttp.js" type="text/javascript"></script>
|
|
<script src="./js/Window/DOMLoader.script.js" type="text/javascript"></script>
|
|
<!-- extras -->
|
|
<script src="./inc/WebMIDIAPI.js" type="text/javascript"></script>
|
|
<script src="./inc/Base64.js" type="text/javascript"></script>
|
|
<script src="./inc/base64binary.js" type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
<script type="text/javascript">
|
|
|
|
// This iterates through all the notes in these two soundfonts.
|
|
// The synth_drum does not have as high or low of range of notes,
|
|
// so you wont hear it for a few seconds.
|
|
|
|
window.onload = function () {
|
|
MIDI.loadPlugin({
|
|
soundfontUrl: "./soundfont/",
|
|
instruments: [ "acoustic_grand_piano", "synth_drum" ],
|
|
callback: function() {
|
|
MIDI.programChange(0, 0);
|
|
MIDI.programChange(1, 118);
|
|
for (var n = 0; n < 100; n ++) {
|
|
var delay = n / 4; // play one note every quarter second
|
|
var note = MIDI.pianoKeyOffset + n; // the MIDI note
|
|
var velocity = 127; // how hard the note hits
|
|
// play the note
|
|
MIDI.noteOn(0, note, velocity, delay);
|
|
// play the some note 3-steps up
|
|
MIDI.noteOn(1, note + 3, velocity, delay);
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
</script>
|
|
</body>
|
|
</html> |