This website is being rebuilt. The content on this page may not be up-to-date during that period.

WebMIDI - MIDI in your browser

Browsers supporting webmidi

Official WebMIDI API specification

Official WebMIDI compatibility table

Non-official list of the webmidi support by browsers

The applications offered by StudioCode.dev are mainly tested with Chrome.

WebMIDI in Chrome

The first time you access a web page that uses the WebMIDI API, the browser will ask you for permission.

screenshot

In case you didn't allow the use of MIDI device and want to change that, you can right-click on the URL icon and change the setting:

screenshot

If you can't get the MIDI communication working, check the following on the browser:

  • You use a browser that supports the WebMIDI API specifications. Chrome if recommended.
  • WebMIDI is not blocked by the browser. See below for information about this feature in Chrome.

WebMIDI is not supported under iOS (iPad, iPhone). It may work under Android but I did not test it.

Modifying the permission

You can change the permission at any time:

Chrome change MIDI permission

MIDI icon in the URL

Chrome display an icon in the URL to remind you that you are on a page that have access to MIDI. You can click this icon to access the MIDI permission settings.

Chrome MIDI icon in URL

Chrome MIDI icon in URL

MIDI configuration in the browser settings:

You can also access the MIDI permissions via the browser Settings page.

In Chrome, follow this path: Menu Settings / Advanced / Content settings / MIDI devices

You can also open the Settings page and search for "MIDI".