Making music with magenta.js | magenta tutorial
Magenta.js[1]isaJavaScriptlibrarythathelpsyougenerateartandmusicontheweb.Inthistutorial,welltalkaboutthemusicgenerationbitsin@magenta/music--howtomakeyourbrowsersing,andinparticular,howtomakeyourbrowsersinglikeyou!Asalibrary,@magenta/musiccanhelpyou:makemusicinthebrowserbyhavingsomeneatabstractionsovertheWebAudioAPI.useMachineLearningmodelstogeneratemusicinthebrowser.TableofcontentsStep0:Firstthingsfirst!IfyouregoingtouseMagenta,youneedtoaddittoyourpage.Addthissomewhereinyourpagesheadelement...
Magenta.js[1] is a JavaScript library that helps you generate art and music on the web. In this tutorial, well talk about the music generation bits in @magenta/music -- how to make your browser sing, and in particular, how to make your browser sing like you!
As a library, @magenta/music can help you:
make music in the browser by having some neat abstractions over the WebAudio API. use Machine Learning models to generate music in the browser. Table of contents Step 0: First things first!If youre going to use Magenta, you need to add it to your page. Add this somewhere in your pages head element (its also available as a module which you can install via npm[2]):
<script src="https://i1.wp.com/cdn.jsdelivr.net/npm/@magenta/[email protected]"></script> Step 1: Making sounds with your browserEverything in @magenta/music is centered around NoteSequences[3]. This is an abstract repr...