Skip to content
This repository has been archived by the owner on Sep 7, 2022. It is now read-only.


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Melody Mixer Demos

Meldoy Mixer is a series of short demos, each building on the last showing how to use Magenta's new machine learning library MusicVAE.js to blend between melodies in real time in the browser, as well as visualize the melodies with p5.js, and play back the melodies using Tone.js.

For a step by step guide on how build Melody Mixer check out the blogpost.

Gif of two tiles containing melodies dragged apart and filled with new melodies generated with machine learning

Demo1: Setup MusicVAE.js

Demo2: Visualize Melodies with p5.js

Demo3: Playback Audio with Tone.js

Demo4: Add interaction with P5.js(this is the live melodymixer website)


Each folder includes all of the files necessary to run, just start a static file server and click on the demo.


Made by: Torin Blankensmith, and Kyle Phillips in collaboration Adam Roberts from the Magenta team and built with friends at the Google Creative Lab.


Copyright 2017 Google Inc. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Final Thoughts

We encourage open sourcing projects as a way of learning from each other. Please respect our and other creators’ rights, including copyright and trademark rights when present, when sharing these works and creating derivative work.

If you want more info on Google's policy, you can find that here.


No releases published


No packages published

Contributors 4