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.

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)

Usage

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

Contributors

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

License

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 http://www.apache.org/licenses/LICENSE-2.0

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.