Creating a Magenta.js web application

Now that we have introduced the concepts surrounding Magenta.js, we'll be creating a web application using Magenta.js. Let's create a web application where we generate a trio of instruments (the drum kit, the bass, and the lead) using MusicVAE, where we can change the lead instrument for a GANSynth-generated instrument.

We'll be building this application step by step. First, we'll make an app that generates instruments, using GANSynth. Then, we'll create an app in which we can sample a trio sequence. Finally, we'll merge the two apps together.

Generating instruments in the browser using GANSynth

For the first part of our example, we'll use GANSynth to...