https://github.com/benc-uk/midi-toolkit
A HTML5 & JS based static web app for working with MIDI
https://github.com/benc-uk/midi-toolkit
alpinejs midi web-midi
Last synced: 2 months ago
JSON representation
A HTML5 & JS based static web app for working with MIDI
- Host: GitHub
- URL: https://github.com/benc-uk/midi-toolkit
- Owner: benc-uk
- License: mit
- Created: 2021-12-21T15:40:39.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-21T20:32:46.000Z (6 months ago)
- Last Synced: 2025-03-24T22:26:17.981Z (3 months ago)
- Topics: alpinejs, midi, web-midi
- Language: JavaScript
- Homepage: http://midi.benco.io/
- Size: 42 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎹 MIDI Toolkit
MIDI Toolkit is a web based set of tools, utilities and debugging aids for working with MIDI, features:
- Realtime monitor & logging for incoming MIDI messages, with decoding
- Configurable input & output devices, & MIDI channel setting
- Clock & sync: detect & send MIDI clock
- Send MIDI CC and NRPN messages
- Two octave keyboard for sending & testing note data
- Send & test MIDI program change and bank select (new in v1.2!)It's 100% browser based, nothing to install and being a static web app it requires no backend. [Alpine.js](https://alpinejs.dev/) was used (and slightly abused) as a lightweight framework for all DOM interaction and reactivity and provides a SPA like experience without React or Vue.js!
There is no build or webpack bundling required as modern ES6 modules are used.
## 🚀 Try it out!
Deployed is hosted on GitHub Pages here: https://code.benco.io/midi-toolkit/
Note. You will need a MIDI device attached to your machine 😁. The app is not designed for mobile use, don't even think about it.
## 🖼️ Screenshots



