Minimal midi-sounds-react
.
-
Add
"midi-sounds-react": "^1.2.45"
topackage.json
file, underdependencies
. -
Install dependencies with
npm install
. -
Make the
MidiSounds
component, class based. See./src/MidiSounds.js
. The parameters will be passed as props. -
Insert the
MidiSounds
component in theApp
component (./src/App.js
), passing the parameters.
Based on:
Color | Note |
---|---|
Blue | E |
Yellow | C# |
Red | A |
Green | E (an octave lower than blue) |
Source: https://en.wikipedia.org/wiki/Simon_(game) Piano map: https://pianoguidelessons.com/wp-content/uploads/2016/10/staffkeys.gif