Hands-On Music Generation with Magenta

Sampling audio using GANSynth

Now that we have properly imported Magenta.js, we can write the GANSynth audio generation code by following these steps:

1. First, we'll initialize the DOM elements and initialize GANSynth, like this:

// Get DOM elementsconst buttonSampleGanSynthNote = document    .getElementById("button-sample-gansynth-note");const containerPlots = document    .getElementById("container-plots");// Starts the GANSynth model and initializes it. When finished, enables// the button to start the samplingasync function startGanSynth() {  const ganSynth = new mm.GANSynth("https://storage.googleapis.com/" +      "magentadata/js/checkpoints/gansynth/acoustic_only");  await ganSynth.initialize();  window.ganSynth = gansynth;  buttonSampleGanSynthNote ...