https://github.com/jottenlips/making-midi
🎹 Making MIDI with the Web
https://github.com/jottenlips/making-midi
fakebook fp midi midi-controller midi-files react react-three-fiber threejs web-midi-api webmidijs
Last synced: 24 days ago
JSON representation
🎹 Making MIDI with the Web
- Host: GitHub
- URL: https://github.com/jottenlips/making-midi
- Owner: jottenlips
- Created: 2018-11-18T17:23:41.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2024-12-31T19:28:58.000Z (4 months ago)
- Last Synced: 2025-04-12T04:09:58.292Z (24 days ago)
- Topics: fakebook, fp, midi, midi-controller, midi-files, react, react-three-fiber, threejs, web-midi-api, webmidijs
- Language: JavaScript
- Homepage: https://jottenlips.github.io/making-midi/
- Size: 13.7 MB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# Making MIDI
https://jottenlips.github.io/making-midi/#/
https://www.meetup.com/Nashville-Music-Programmers/events/268800386/
🚧 Chrome is the only browser I can gurantee that supports Web MIDI
Web MIDI is not supported on Safari or Firefox for android: https://developer.mozilla.org/en-US/docs/Web/API/Web_MIDI_API
## App 1
- Jazz chart MIDI player and chord chart to MIDI downloader
## App 2
- MIDI controlled 3D graphics
## App 3
- Send MIDI out to your synthesizer
# Setup
For apps 2 and 3 plug in your favorite MIDI synthesizer via USB. I used a Korg Minilogue in my presentation.