By the end of this project, you will create a music web application that uses AI to generate melodies, based on the musical idea given by the user. For this, we are going to use Magenta.js, Vexflow and Tone.js. In order to take this project, you should be familiar with HTML, CSS, and JavaScript. Starting from scratch, we will use Glitch to create our music web app. If you are interested in music and machine learning, this project is for you. This Guided Project was created by a Coursera community member.
Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.
In this Guided Project, you will:
- Create a web app with a music notation system using VexFlow
- Add Tone.js to your app so user can hear the notes in the browser
- Use Magenta.js to generate melodies using AI
Learn step-by-step
- Getting started with Glitch
- Adding a form and capture the inputs using JS
- Creating a Staff using EasyScore from VexFlow
- Parsing the notes
- Adding the notes to VexFlow
- Getting started with Tone.js
- Using Tone.js to play the notes of our Staff
- Getting started with Magenta.js by Google
- Generating a melody using MusicRNN
- Adding an HTML midi player and visualizer to your app
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.
