This is a sandbox project to learn the following concepts:
- How Redux works
- How React works
- How to integrate React & Redux
- How MIDI works (harder than expected)
- Open elenatorro.github.io/midi-redux
- Load a MIDI (.mid) file (you can find some examples here
- Play!
- Install packages
$ npm install && bower install
- Compile:
$ webpack
- Run:
webpack-dev-server --progress --colors --watch
-
If you want to load your own instruments or load local files, you can change the configuration in
src/config/instruments-path. I am using this project the sounds from this project: Soundfont -
Find a great midi song on the Internet:
- Load your .mid file and play it!
FEEDBACK & HELP are super welcome. It's my first project using React&Redux. I think it could be a very beautiful project :)