# Interactive Magenta.js Tutorial for Browser Music Generation

DevFeed: [Interactive Magenta.js Tutorial for Browser Music Generation](<https://devfeed.tech/articles/hello-magenta-35523.md>)

Original publisher: [Read original article](<https://meowni.ca/posts/hello-magenta/>)

Author: Monica Dinculescu

Published: 2018-11-07T00:00:00Z

Content type: tutorial

Language: en

Sources: [Monica Dinculescu](<https://devfeed.tech/sources/monica-dinculescu.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Library](<https://devfeed.tech/topics/library.md>), [Web](<https://devfeed.tech/topics/web.md>), [interactive website](<https://devfeed.tech/topics/interactive-website.md>)

Tags: [interactive](<https://devfeed.tech/tags/interactive.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>)

## AI overview

An introductory interactive tutorial on using the music-generation features of @magenta/music, a Magenta.js library, to make music in a browser.

## Source excerpt

Magenta.js is a JavaScript library that helps you generate art and music on the web. It's also the team that I work on now! One of the things that I do whenever I join a new team is learn a bunch of things, and then make a bunch of tutorials that past Monica would've loved to stumble over. This is one of them! In this tutorial, we'll talk about the music generation bits in @magenta/music (one of the several libraries in Magenta.js) - how to make your browser sing, and in particular, how to make your browser sing like you!. The tutorial is interactive, and introductory and on Glitch. Go play with all the examples, and have fun! 💕