marcduiker/webmidi.html

## webmidi.html
<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8">
    <title>onmidimessage</title>
    <script type="module">

    navigator.requestMIDIAccess().then((midiAccess) => {
        Array.from(midiAccess.inputs).forEach((input) => {
            input[1].onmidimessage = (msg) => {
                console.log(msg);
                document.getElementById("midi").innerHTML += `${msg.data[0]}-${msg.data[1]}-${msg.data[2]}<br>`;
            };
        });
    });

    </script>

  </head>

  <body>
    <h1>WebMidiAPI</h1>
    <p>Check the console for the full messages.</p>
    <div id="midi"></div>
  </body>

</html>
	<!DOCTYPE html>

	<html lang="en">

	<head>

	<meta charset="UTF-8">
	<title>onmidimessage</title>
	<script type="module">

	navigator.requestMIDIAccess().then((midiAccess) => {
	Array.from(midiAccess.inputs).forEach((input) => {
	input[1].onmidimessage = (msg) => {
	console.log(msg);
	document.getElementById("midi").innerHTML += `${msg.data[0]}-${msg.data[1]}-${msg.data[2]}<br>`;
	};
	});
	});

	</script>

	</head>

	<body>
	<h1>WebMidiAPI</h1>
	<p>Check the console for the full messages.</p>
	<div id="midi"></div>
	</body>

	</html>