Playing MIDI but no sound

Hi all,

I tried playing MIDI on an Apache Cordova app. I used to be able to play, but now it’s just plain silent. The player keeps listening, but no sound at all, even if I already set the volume to 127.

MIDI.loadPlugin({
    soundfontUrl: 'midi/soundfont/',
    instruments: 'acoustic_grand_piano',
    onsuccess: function () {
        pluginLoaded = true;
        var player = MIDI.Player;
        player.loadFile("midi/files/h" + number + ".mid", function () {
            MIDI.AudioTag.setVolume(0, 127);
            MIDI.AudioTag.setVolume(1, 127);
            for (var i = 0; i < 2; i++) {
                MIDI.channels[i].mute = !document.getElementById('chkChannel' + (i + 1)).checked;                            
            }
            player.start();
            $('#midiPlayPause > i').toggleClass('mdi-av-play-arrow mdi-av-pause');
            loaded = true;
        }, null, function (error) {
            createToast('midi file does not exist.');
        });
        player.addListener(function (data) {
            var now = data.now;
            var end = data.end;
            var channel = data.channel;
            var note = data.note;
            var velocity = data.velocity;
            if (now + 1 > end) {
                loaded = false;
                $('#midiPlayPause > i').toggleClass('mdi-av-play-arrow mdi-av-pause');
            }
        });
    }
});

What am I missing here? Thanks

[jeffcaiz]

Yes, I just encounter simular issue today and finally figure out another way instead of pre-compile the soundfont into code.

When you use webpack, the MIDI object is not registered to global window (browser case). So the solution is very simple:

import * as MIDI from "midicube";
...
window.MIDI = MIDI; // Register to global first

MIDI.loadPlugin({
...
});

[acosme]

perfect @jeffcaiz, it works!

guys don’t forget to declare the player like this:

const player = new MIDI.Player();