MyMetronMee is a web-based music application that allows users to generate instrumental tunes using chord progressions. It provides a visual score editor and integrates with Tone.js for audio playback, enabling a seamless experience for creating and listening to musical ideas directly in the browser.
- Chord Input: Easily input and modify chord progressions.
- Beat Configuration: Customize the rhythm and timing of your tunes.
- Instrument Selection: Choose from a variety of instruments powered by Tone.js samples.
- Visual Score Editor: See your musical ideas represented visually on a stave.
- Real-time Playback: Listen to your generated tunes instantly.
- Next.js: React framework for building the web application.
- React: JavaScript library for building user interfaces.
- Tone.js: Web Audio framework for creating interactive music in the browser.
- VexFlow: JavaScript library for rendering musical notation.
- Tailwind CSS: Utility-first CSS framework for styling.
- Clone the repository:
git clone https://github.com/your-username/mymetronmee.git
- Navigate to the project directory:
cd mymetronmee - Install the dependencies:
npm install
To run the development server:
npm run devOpen http://localhost:3000 in your browser to see the application.
- Use the chord input field to enter your desired chord progression (e.g., "C G Am F").
- Adjust the beat values for each chord to control the rhythm.
- Select an instrument from the dropdown menu.
- Click the "Play" button to hear your generated tune.
This project is licensed under the MIT License.