diff --git a/package-lock.json b/package-lock.json
index 7923f6c..c9bf3c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "vee-validate": "^4.12.4",
         "vue": "^3.4.15",
         "vue-i18n": "^9.9.0",
+        "webmidi": "^3.1.8",
         "zod": "^3.22.4"
       },
       "devDependencies": {
@@ -2894,6 +2895,12 @@
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
       "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
     },
+    "node_modules/@types/webmidi": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/webmidi/-/webmidi-2.0.10.tgz",
+      "integrity": "sha512-4RmTFMB6mN2h8XbJa1x3cOs9IOkXvFyHGcPUpUvWfmATuKg/J+dsFiMVgCE2EkpS+/8a8AP2tE3rQT1mLG7vEg==",
+      "optional": true
+    },
     "node_modules/@types/yauzl": {
       "version": "2.10.3",
       "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
@@ -4666,6 +4673,14 @@
         "p-limit": "^3.1.0 "
       }
     },
+    "node_modules/djipevents": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/djipevents/-/djipevents-2.0.7.tgz",
+      "integrity": "sha512-KNFYaU85imxOCKOUsIR70Iz9E19r96/X7LSH+u0tSoZdpWcBdzoqtTsU+wuLhc6GMpSFob+KInkZAbfKi01Bjg==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.6"
+      }
+    },
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
@@ -6955,6 +6970,15 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
+    "node_modules/jazz-midi": {
+      "version": "1.7.9",
+      "resolved": "https://registry.npmjs.org/jazz-midi/-/jazz-midi-1.7.9.tgz",
+      "integrity": "sha512-c8c4BBgwxdsIr1iVm53nadCrtH7BUlnX3V95ciK/gbvXN/ndE5+POskBalXgqlc/r9p2XUbdLTrgrC6fou5p9w==",
+      "optional": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/jest-worker": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
@@ -7130,6 +7154,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/jzz": {
+      "version": "1.7.8",
+      "resolved": "https://registry.npmjs.org/jzz/-/jzz-1.7.8.tgz",
+      "integrity": "sha512-hUEZEoToKylHJIupHwhdGrcIggOGjUYdAxWHBezFwXA4EFW/iokiVaD2CH4/NVqe7reRxLJPSV5JkfMEzx1S7w==",
+      "optional": true,
+      "dependencies": {
+        "@types/webmidi": "^2.0.10",
+        "jazz-midi": "^1.7.9"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -10844,6 +10878,20 @@
       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
       "dev": true
     },
+    "node_modules/webmidi": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/webmidi/-/webmidi-3.1.8.tgz",
+      "integrity": "sha512-PCRic1iTpKxeheb888G0mDe6MBdz/u+s/xfdV6+1ZhZnS6dKtV9gMBth5cpmMip2Livv5lL+ep4/S9DCzHfumg==",
+      "dependencies": {
+        "djipevents": "^2.0.7"
+      },
+      "engines": {
+        "node": ">=8.5"
+      },
+      "optionalDependencies": {
+        "jzz": "^1.5.6"
+      }
+    },
     "node_modules/webpack": {
       "version": "5.90.0",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.90.0.tgz",
@@ -13101,6 +13149,12 @@
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
       "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
     },
+    "@types/webmidi": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/webmidi/-/webmidi-2.0.10.tgz",
+      "integrity": "sha512-4RmTFMB6mN2h8XbJa1x3cOs9IOkXvFyHGcPUpUvWfmATuKg/J+dsFiMVgCE2EkpS+/8a8AP2tE3rQT1mLG7vEg==",
+      "optional": true
+    },
     "@types/yauzl": {
       "version": "2.10.3",
       "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
@@ -14396,6 +14450,14 @@
         "p-limit": "^3.1.0 "
       }
     },
+    "djipevents": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/djipevents/-/djipevents-2.0.7.tgz",
+      "integrity": "sha512-KNFYaU85imxOCKOUsIR70Iz9E19r96/X7LSH+u0tSoZdpWcBdzoqtTsU+wuLhc6GMpSFob+KInkZAbfKi01Bjg==",
+      "requires": {
+        "@babel/runtime": "^7.20.6"
+      }
+    },
     "dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
@@ -16122,6 +16184,12 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
+    "jazz-midi": {
+      "version": "1.7.9",
+      "resolved": "https://registry.npmjs.org/jazz-midi/-/jazz-midi-1.7.9.tgz",
+      "integrity": "sha512-c8c4BBgwxdsIr1iVm53nadCrtH7BUlnX3V95ciK/gbvXN/ndE5+POskBalXgqlc/r9p2XUbdLTrgrC6fou5p9w==",
+      "optional": true
+    },
     "jest-worker": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
@@ -16257,6 +16325,16 @@
       "integrity": "sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==",
       "dev": true
     },
+    "jzz": {
+      "version": "1.7.8",
+      "resolved": "https://registry.npmjs.org/jzz/-/jzz-1.7.8.tgz",
+      "integrity": "sha512-hUEZEoToKylHJIupHwhdGrcIggOGjUYdAxWHBezFwXA4EFW/iokiVaD2CH4/NVqe7reRxLJPSV5JkfMEzx1S7w==",
+      "optional": true,
+      "requires": {
+        "@types/webmidi": "^2.0.10",
+        "jazz-midi": "^1.7.9"
+      }
+    },
     "keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -18946,6 +19024,15 @@
       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
       "dev": true
     },
+    "webmidi": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/webmidi/-/webmidi-3.1.8.tgz",
+      "integrity": "sha512-PCRic1iTpKxeheb888G0mDe6MBdz/u+s/xfdV6+1ZhZnS6dKtV9gMBth5cpmMip2Livv5lL+ep4/S9DCzHfumg==",
+      "requires": {
+        "djipevents": "^2.0.7",
+        "jzz": "^1.5.6"
+      }
+    },
     "webpack": {
       "version": "5.90.0",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.90.0.tgz",
diff --git a/package.json b/package.json
index 639e8d6..deb709f 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "vee-validate": "^4.12.4",
     "vue": "^3.4.15",
     "vue-i18n": "^9.9.0",
+    "webmidi": "^3.1.8",
     "zod": "^3.22.4"
   },
   "devDependencies": {