Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

概要

Web MIDI API はブラウザから MIDI 入出力デバイスにアクセスし、音楽機器との通信や MIDI メッセージの送受信を行います。

対応ブラウザ

デスクトップ

Chrome 43+
Edge 79+
Safari 未対応
Firefox 108+

モバイル

Chrome Android 43+
Safari iOS 未対応
Firefox Android 未対応

基本構文

JAVASCRIPT
const midi = await navigator.requestMIDIAccess();
for (const input of midi.inputs.values()) {
  input.onmidimessage = (e) => {
    console.log('MIDI:', e.data);
  };
}

実務での使いどころ

  • Web MIDI の活用

    Web MIDI API。MIDIデバイスと通信するAPI。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。