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: about 2 months 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 (5 months ago)
• Last Synced: 2025-04-12T04:09:58.292Z (about 2 months 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.