Skip to content

Audio Sequencer to write, save, and playback chords and melodies

Notifications You must be signed in to change notification settings

rriegel/Reactive-Audio

Repository files navigation

🎵 Reactive Audio 🎵

🎹 Create simple melody patterns with piano notes

🤔 Save and load your projects to build inspiration

Header Screenshot of UI last updated 11/09/2021

HOW TO USE:

RUN THE APP

Fork and Clone the repository to your local machine In the root directory of the repo, run the following commands concurrently:

  1. npm run build (to bundle and minify)
  2. npm start (to start Express server)

Navigate to localhost:8001 in the browser

THE SEQUENCER

Upon loading the page, the user has access to a sequencer grid, as well as fields to enter note and octave values. Press the 'Start' button to begin the sequencer and add / modify notes as you go! The sequencer will automatically update the pattern and notes as you edit them. To stop the sequencer, press the 'Stop' button.

SAVE YOUR PROJECT

To save your idea, give it a name in the top field, and press 'Save'. Your project will be added to the list of projects at the bottom of the screen.

YOUR PROJECTS

To load a previously saved project, find it in the list and press 'Load'. This will load the last save state of that project. If your project name matches a previous project, it will overwrite. Delete a project from your list by pressing 'Delete'.

🔨 Technologies

MUI React Node.js ExpressJS MongoDB tone.js

🖼 UI Previews

Select sequencer pads Play the sequencer Edit note values Save your project