Create a web app that generates melodies using Magenta’s AI

Offered By
Coursera Community Project Network
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

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

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.

Skills you will develop

Tone.jsVexFlowHtmlMagentaJavaScript

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Getting started with Glitch

  2. Adding a form and capture the inputs using JS

  3. Creating a Staff using EasyScore from VexFlow

  4. Parsing the notes

  5. Adding the notes to VexFlow

  6. Getting started with Tone.js

  7. Using Tone.js to play the notes of our Staff

  8. Getting started with Magenta.js by Google

  9. Generating a melody using MusicRNN

  10. Adding an HTML midi player and visualizer to your app

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.