http
HTTP/1.1 200 OK
Content-Type: text/html
Permissions-Policy: midi=(self)
<!DOCTYPE html>
<html>
<head><title>Music Studio</title></head>
<body>
<button id="connect">Connect MIDI Device</button>
<script>
document.getElementById('connect').addEventListener('click', async () => {
const midiAccess = await navigator.requestMIDIAccess();
midiAccess.inputs.forEach(input => {
input.onmidimessage = (event) => {
console.log('MIDI message:', event.data);
// Process note on/off, control change, etc.
};
});
});
</script>
</body>
</html>