WebMidi: get inputs sample

addtype.bash

yarn add -D @types/webmidi

webmidi.ts

export async function initializeWebMidi(onMidiMessage: (e: WebMidi.MIDIMessageEvent) => void) {
  if (!navigator.requestMIDIAccess) {
    return;
  }

  const midi = await navigator.requestMIDIAccess();
  const inputIterator = midi.inputs.values();
  const inputs: WebMidi.MIDIInput[] = [];
  for (let o = inputIterator.next(); !o.done; o = inputIterator.next()) {
    inputs.push(o.value);
  }

  inputs.forEach(input => {
    console.log(`${input.state} [${input.name}]`);
    input.onmidimessage = onMidiMessage;
  });
}

initializeWebMidi(({ data: [command, ch, value] }) => {
  if (command == 0xfe) return;

  console.log(command.toString(16).toUpperCase(), ch, value.toString(16).toUpperCase());
});