/Sound-in-React-midi-

Application with midi-sounds-react

Primary LanguageJavaScript

Midi Sounds

Minimal midi-sounds-react.

Steps

  1. Add "midi-sounds-react": "^1.2.45" to package.json file, under dependencies.

  2. Install dependencies with npm install.

  3. Make the MidiSounds component, class based. See ./src/MidiSounds.js. The parameters will be passed as props.

  4. Insert the MidiSounds component in the App component (./src/App.js), passing the parameters.

Full Piano

Based on:

Simon Buttons

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