MIDIAccess
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The MIDIAccess interface of the Web MIDI API provides methods for listing MIDI input and output devices, and obtaining access to those devices.
MIDIAccess is a transferable object.
Instance properties
MIDIAccess.inputsRead only-
Returns an instance of
MIDIInputMapwhich provides access to any available MIDI input ports. MIDIAccess.outputsRead only-
Returns an instance of
MIDIOutputMapwhich provides access to any available MIDI output ports. MIDIAccess.sysexEnabledRead only-
A boolean attribute indicating whether system exclusive support is enabled on the current MIDIAccess instance.
Events
statechange-
Called whenever a new MIDI port is added or an existing port changes state.
Examples
The Navigator.requestMIDIAccess() method returns a promise that resolves with a MIDIAccess object. Information about the input and output ports is returned.
When a port changes state, information about that port is printed to the console.
navigator.requestMIDIAccess().then((access) => {
// Get lists of available MIDI controllers
const inputs = access.inputs.values();
const outputs = access.outputs.values();
access.onstatechange = (event) => {
// Print information about the (dis)connected MIDI controller
console.log(event.port.name, event.port.manufacturer, event.port.state);
};
});
Specifications
| Specification |
|---|
| Web MIDI API # midiaccess-interface |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
MIDIAccess
|
|
|
|
|
|
|
|
|
|
|
|
|
inputs
|
|
|
|
|
|
|
|
|
|
|
|
|
outputs
|
|
|
|
|
|
|
|
|
|
|
|
|
statechange event
|
|
|
|
|
|
|
|
|
|
|
|
|
sysexEnabled
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- No support
- No support
- See implementation notes.