Magenta Studio

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <link rel="icon" type="image/png" sizes="174x174" href="images/favicon.png"> <script type="text/javascript" src="scripts/prefixfree.min.js"></script> <script type="text/javascript" src="scripts/src/videohover.js"></script> <link rel="stylesheet" type="text/css" href="style/default.css"> <meta name="description" content="info on Yotam Mann"> <title>Magenta Studio</title> <link rel="stylesheet" type="text/css" href="style/project.css"> </head> <body> <div id="content"> <link rel="stylesheet" type="text/css" href="style/topbar.css"> <div id="topbar"> <a href="//yotammann.info"> <div id="name"> <span>Y</span> <span>O</span> <span>T</span> <span>A</span> <span>M</span> <span></span> <span>M</span> <span>A</span> <span>N</span> <span>N</span> </div> </a> <a href="/about"> <div id="info"> <span>I</span> <span>N</span> <span>F</span> <span>O</span> </div> </a> </div> <div id="titleBox"> <h1>Magenta Studio</h1> <a id="pageLink" href="https://magenta.tensorflow.org/studio" target="_blank">LINK</a> </div> <p>Magenta Studio is a suite of machine learning Ableton Live plugins which I designed and built in collaboration with Google’s Magenta team.</p> <div class="img"> <video playsinline="" autoplay="" muted="" loop="" src="images/projects/magenta-studio.mp4"></video> </div> <p>These plugins were built with Max/MSP’s new <code class="language-plaintext highlighter-rouge">node.script</code> object. They wrap some of Magenta.js’ core models so they can be easily accessed through Ableton Live.</p> <p>The challenge with this project was in designing straightforward metaphors and interactions for each of the models which are powerful, but also understandable to musicians who are not as familiar with machine learning.</p> <p>My favorite plugin from the set is <em>Groove</em>, which is built with Magenta’s MusicVAE. <em>Groove</em> adjusts the timing and velocity of an input drum clip to produce the “feel” of a drummer’s performance. This is similar to what a “humanize” plugin does, but achieved in a totally different way.</p> <div class="img"> <video playsinline="" controls="" src="images/projects/groovae_full.mp4"></video> </div> <div class="break"></div> <link rel="stylesheet" type="text/css" href="style/list.css"> <div class='list'> <h3>Collaborators</h3> <ul> <li> <a href="https://magenta.tensorflow.org/" target="_blank"> <div id="corner"></div> Google Magenta </a> </li> </ul> </div> <link rel="stylesheet" type="text/css" href="style/list.css"> <div class='list'> <h3>Press</h3> <ul> <li> <a href="https://cdm.link/2019/02/magenta-studio-ai-ableton-live/" target="_blank"> <div id="corner"></div> Magenta Studio lets you use AI tools for inspiration in Ableton Live </a> </li> </ul> </div>  </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-30350128-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>

CINXE.COM

Magenta Studio