2. quick start guide - abudaan/midibridge-js GitHub Wiki

1) Download the zip file from Github.

2) In this zip file you'll find an index.html and 3 folders: /java contains a Java archive (jar) file, /lib contains a Javascript file (minified and non-minified) and /examples contains the code examples of this documentation.

On your webserver, put the jar file in a folder called "java" and the minified javascript file in the folder where you usually store your javascript libraries. Personally, i put the Javascript libraries that i use in a project in a "lib" folder, and the project specific javascript files in a folder "js".

3) Include the file midibridge-0.5.4.min.js in your webpage. If you use a Javascript framework (jQuery, YUI, Dojo, etc.), include it right after you've included the framework. See the index.html in the zip.

4) Start the midibridge. The page has to be fully loaded before you start the midibridge, so call the init function of the midibridge inside your onload handler:

window.addEventListener('load', function() {
  midiBridge.init(function(midiEvent) {
    console.log(midiEvent);
  ;});
}, false);

5) Done! If you have a midikeyboard connected to you computer, play some notes and you'll hear a piano sound. Also you will see that the midi events are printed to your console.