Web MIDI

概要

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

対応ブラウザ

基本構文

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。

注意点

アクセシビリティ

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

参考リンク

• MDN Web Docs — Web MIDI
• Can I use — Web MIDI