MIDIMessageEvent

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The MIDIMessageEvent interface of the Web MIDI API represents the event passed to the onmidimessage event handler of the MIDIInput interface. A midimessage event is fired every time a MIDI message is sent from a device represented by a MIDIInput, for example when a MIDI keyboard key is pressed, a knob is tweaked, or a slider is moved.  

Constructor

MIDIMessageEvent.MIDIMessageEvent
Creates a new MIDIMessageEvent object instance.

Properties

MIDIConnectionEvent.data
A Uint8Array containing the data bytes of a single MIDI message. See the MIDI specification for more information on its form.

Note: Even though the Web MIDI API specifies a receivedTime property that returns a DOMHighResTimeStamp, Chrome (the only implementation at the time of writing) does not support that property since the basic Event.timeStamp property already returns a DOMHighResTimeStamp in Chrome.

Examples

// Printing all messages to console
navigator.requestMIDIAccess().then(midiAccess => {
  Array.from(midiAccess.inputs).forEach(input => {
    input[1].onmidimessage = (msg) => { console.log(msg); }
  })
});

Specifications

Specification Status Comment
Web MIDI API
The definition of 'MIDIMessageEvent' in that specification.
Working Draft Initial definition.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
MIDIMessageEvent
Experimental
Chrome Full support 43Edge Full support ≤79Firefox ? IE No support NoOpera Full support 30Safari No support NoWebView Android No support NoChrome Android Full support 43Firefox Android ? Opera Android Full support 30Safari iOS No support NoSamsung Internet Android Full support 4.0
MIDIMessageEvent() constructor
Experimental
Chrome Full support 43Edge Full support ≤79Firefox ? IE No support NoOpera Full support 30Safari No support NoWebView Android No support NoChrome Android Full support 43Firefox Android ? Opera Android Full support 30Safari iOS No support NoSamsung Internet Android Full support 4.0
data
Experimental
Chrome Full support 43Edge Full support ≤79Firefox ? IE No support NoOpera Full support 30Safari No support NoWebView Android No support NoChrome Android Full support 43Firefox Android ? Opera Android Full support 30Safari iOS No support NoSamsung Internet Android Full support 4.0

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.