How do I play arbitrary MIDI notes with javascript?

Razor Storm picture Razor Storm · Jan 13, 2013 · Viewed 12.8k times · Source

To clarify: I don't want to generate a MIDI file nor do I want to play a MIDI file, I wish to play MIDI notes on the fly.

I tried using https://github.com/mudcube/MIDI.js as the MIDI library, and it works somewhat.

I am able to play notes by calling MIDI.noteOn(0,midiNumber,100);. However, this plays a note for a couple seconds and then tapers off even if I never call MIDI.noteOff.

I don't believe this is how MIDI is intended to work. I wish to be able to call noteOn and have a note play and sustain until noteOff is called.

Intended browsers: modern firefox/chrome.

Answer

Zeta picture Zeta · Jan 13, 2013

It's a bug your version of MIDI.js:

var playChannel = function (id) {
    var note = notes[id];
    if (!note) return;
    var nid = (channel_nid + 1) % channels.length;
    var time = (new Date()).getTime();
    var audio = channels[nid];
    channel_map[note.id] = audio;
    audio.src = MIDI.Soundfont[note.id];
    audio.volume = volume;
    audio.play();
    channel_nid = nid;
};

As you can see playChannel will load a given note and play it. Since there is no autoloop attribute it won't repeat, so the call of noteOff isn't necessary. You could fix this yourself if you set the audio element to auto-loop.