Web-MIDI events and messages with the W3C standard API

https://github.com/francoisgeorgy/web-midi-events

The W3C Web-MIDI API is documented at https://webaudio.github.io/web-midi-api/.

Application log: (last message first)

Informative messages showing what the application is doing.

MIDI state events: (last event first)

Show the events generated by the onstatechange handler of the web-midi instance.

yourMidiAccessObject.onstatechange = onStateChangeHandler;

Inputs (MIDI sources):

Show the MIDI ports given by inputs.values() of the web-midi instance.

Outputs (MIDI targets):

Show the MIDI ports given by outputs.values() of the web-midi instance.

MIDI messages: (last message first)

Show the messages events generated by the inputs ports of the web-midi instance.

var inputs = yourMidiAccessObject.inputs.values();
inputs[0].value.onmidimessage = onMidiMessageHandler;