Doing some experiments with WebMidiLink

severak · Aug 8, 2024 · ec37470 · ec37470
1 parent 35a8601
commit ec37470
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/gm.html b/gm.html
@@ -354,6 +354,40 @@
         });
 
 
+        // TODO - put this into heartbeat.js, wrap it and link to https://www.g200kg.com/en/docs/webmidilink/spec.html
+        function webMidiLinkRecv(event) {
+            var msg = event.data.split(",");
+            switch (msg[0]) {
+                case "midi":
+                    switch (parseInt(msg[1], 16) & 0xf0) {
+                        case 0x80:
+                            console.log('note off', parseInt(msg[2], 16));
+                            synth.noteOff(parseInt(msg[2], 16));
+                            break;
+                        case 0x90:
+                            var velo = parseInt(msg[3], 16);
+                            if (velo > 0) {
+                                console.log('note on', parseInt(msg[2], 16), velo);
+                                synth.noteOn(parseInt(msg[2], 16), velo);
+                            } else {
+                                console.log('note on', parseInt(msg[2], 16), velo);
+                                synth.noteOff(parseInt(msg[2], 16));
+                            }
+                            break;
+                        case 0xb0:
+                            if (parseInt(msg[2], 16) == 0x78) {
+                                console.log('panik!');
+                                synth.panic();
+                            }
+                            break;
+                    }
+                    break;
+            }
+        }
+
+        window.addEventListener("message", webMidiLinkRecv, false);
+
+
     });
 </script>