Skip to content

Zupiter: a Web-Based Modular Synthesizer

October 6, 2019

When I was a kid, I thought I didn’t like music, other people really enjoyed it, but I just didn’t get it. This all changed when I was 12, and I first saw the movie “Hackers”. You can think whatever you want of that movie, whether you think it’s a classic or everything that’s wrong with Hollywood, it had a mind-blowing soundtrack featuring several pioneering electronic music artists such as The Prodigy, Orbital and Underworld. Ever since I was exposed to this, I’ve been in love with electronic music.

In my mid-twenties, after I’d learned how to program, I started to wonder if there was a way that I could combine my passion for programming with my love of electronic music. I started reading books about sound synthesis, composition, etc. I wrote a web-based music app, MusicToy, back in 2012. This app originally used the Mozilla Audio Data API (this was before the Web Audio API was made available). The app is super simple, but that was the point, I wanted to create something that was beginner-friendly, and could allow anyone to create a fun pattern, without having any knowledge of music theory.

Today, I’d like to present to you Zupiter, a browser-based web app I’ve working on in my spare time for the past 8 months. It’s a modular synthesizer that runs in a web browser. You can use it to build a custom synthesizer using a visual programming language inspired by Pure Data and Max/MSP.

The app is written entirely in JavaScript and makes use of both the web audio and web MIDI APIs. You can play notes using your computer keyboard (A to L keys), using a built in sequencer node, or you can connect an external MIDI keyboard or sequencer to your computer and use that to play a synthesizer you created in Zupiter. The app also makes it possible to map physical knobs on an external MIDI controller to virtual knobs in the app, just by double-clicking on a virtual knob and then wiggling the knob you want to map on your device.

I created the app because I wanted to have a powerful tool that would allow me to experiment and understand exactly how specific sounds are made. I also created it because, to my knowledge, there is nothing else quite like it. Yes, there are already other browser-based music apps, but to my knowledge, at this time, no other browser-based music app offers this degree of flexibility and power.

Using Zupiter, you can build your own synth from your browser, without spending any money or installing any software. You can then share what you just created with friends instantly, by going to the Share tab. Your friends can then hear what you just made, modify it, and share a new version of it, also without installing any software on their machine. My hope is that Zupiter will lower the bar to entry, and get more people excited about making music.

If you’re curious about trying Zupiter, but a little confused about how it works, here are some examples to get you started:

Zupiter isn’t perfect, it’s only been tested in Chrome and Firefox, and it’s very possible you may encounter some bugs, but I’m really excited and curious to see what you can make with it, and I encourage you to share what you create. If you’re confused as to how it works, there is a Help tab in the app with some basic examples and instructions, and I’ve created a subreddit where you can ask any questions. Your feedback is more than welcome!

From → Art, Music, work

8 Comments
  1. Brian permalink

    Interesting project (how do you find time to eat sleep and work as well….!). Managed to play the rookies ‘When the Saints go Marching in’ using A to L keys – Fun sounds!

    Might be there if I dig deeper (?) but would be nice to be able to enter ‘sequences’ notes/chords in a more classical music or chord bar/fake sheet style as well as the MonSeq control but guess can use the MIDI input

    Note:
    Did try in Edge – dies a death (but what doesn’t….) works great in Chrome.

    • Yeah. There are just so many directions I could take this, so many features I could add, it becomes hard to choose what to do next. I do have plans for an improved version that could actually be polyphonic. It would make sense to have a piano roll for that. For now MIDI input makes the most sense. I had a musician friend play it using a MIDI keyboard, and I was pretty impressed at the sounds we could make.

  2. Hi Maxime,

    I read your next post about how to make money with the stuff you create. I cannot answer, it’s not my domain of expertise. The only thing I can say is that Zupiter offered me quite exactly what I was looking for : a concrete/abstract way to produce what I call semi-algorithmic music.

    Many years ago I used Autogam (http://autogam.free.fr) on my PC, that was quite good for producing “semi-algorithmic” midi scores that could be used in other programs for better output (a rude example here : https://soundcloud.com/a-or-not-b/jupiter-for-you-2006). I then bought a mac, and didn’t took the time to install a virtual PC on it to use the program again, and when back to my guitar…

    What I wanted to suggest you that way is (if you find time and inspiration) to add Markov transition matrices to Zupiter (as you can see it on the example on the home page of Autogam) that allows to put a bit of random in the music process (x% of chances to use that sequencer, y% to use that one, etc.), just an idea.

    I had a look at Pure Data, to do things like this, but the learning curve was too long. Your program is at the right level for beginners and allows to manage small projects in “few” hours of work. I showed my “simulation” of IN C from Terry Riley to the music teacher of my high school (I teach philosophy…) and he was an enthusiast about the opportunity to use your program with scholars in optional classes. Perhaps I way you can imagine selling the thing ?

    So, as I believe you understand a bit French too I want to add :

    Merci d’avoir pris le temps de réaliser un projet comme celui-ci. Il lui faut peut-être encore un peu de temps pour trouver plus d’utilisateurs. Je m’emploie pour ma part à en diffuser l’existence autour de moi. J’espère que mon retour aura au moins comme effet de vous avoir fait sourire, ce qui dans certaines circonstances vaut tout autant que de l’argent.

    Bien à vous,

    Thank you,

    Niklaus V.

  3. Thank you very much for the encouragement Niklaus. That’s the idea I had for Zupiter, to create something simpler and more intuitive than other options out there.

    At the moment I don’t really have time for major upgrades for Zupiter because I’m pretty busy with work, but I will eventually try to design a more powerful tool that will be able to accomodate features like the one you requested.

    I’m happy to hear you’re spreading the word. If people use Zupiter in a teaching context that makes me really happy, and it can remain free to use for that purpose. C’est sûr que ça me fait sourire des commentaires comme ça :)

    Have a nice day,

    – Maxime

Trackbacks & Pingbacks

  1. New top story on Hacker News: Zupiter: A Web-Based Modular Synthesizer – Latest news
  2. Modular Music Synthesis On The Web | Crafts & HandyCraft store
  3. Java Weekly, Issue 302 | Baeldung
  4. Balancing Fun, Stress and Profit | Pointers Gone Wild

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: