See: https://kayla-lin.github.io/music-gen-front-end/
This is the front-end (no AI functionality) for GDSC's 2-semester-long community tech project. This interface will allow users to create their own artificial intelligence created music. Users can either upload their own sample to base the song on, or they can select from the provided options.
The intention of the project was to play music a music model from Google's Magenta project. We ran out of time to complete the planned project after the course of the year after some difficulty getting the models to run. In the end, we connected the interface with Performance RNN, but the live model is currently not active. Please enjoy the Spotify-inspired interface with music from Blue Dot Session.
This is a React application created with help from:
- UI created with Figma
- Web Audio API & Canvas API
- React Spring
- Sample audio from: https://www.sessions.blue/
git clone git://kayla-lin.github.io/music-gen-front-end.git
cd music-gen-front-end
npm install
npm start
Your website should open to http://localhost:3000/