Building a Web Synthesizer with RNBO in Max 8

What I Made

Screenshots

Demo Video

I built a site that runs a granular synthesizer Max patch,
exported with RNBO, on the web.

Demo Site

You can try it yourself on the demo site (a PC is recommended)

Code

For tips on bringing RNBO to the web, see the scrap I posted on Zenn earlier (Japanese).

GitHub: https://github.com/yuichkun/kentaro-granular-web

What Is RNBO?

RNBO is a new feature of Max.

According to the MI7 website (translated):

RNBO is a new patching environment developed to export code from Max to Raspberry Pi, WASM/WebAudio, VST/AudioUnit plugins, Max objects, and C++. You can create advanced web experiences, music hardware, plugins, and new Max objects all from a single patch.

As it says, it's a groundbreaking feature that lets you take Max patches, whose uses used to be limited, to all kinds of environments.

single-motion-granular, the piece I made this time, is a collaboration with kentaro, known for developing one-of-a-kind audio plugins with a distinctive world of their own,
who implemented the audio part.

What Is a Granular Synthesizer?

A granular synthesizer is a type of synthesizer
that creates new sounds by breaking a given audio sample into tiny grains and reassembling them.

single-motion-granular loads a sample prepared by kentaro by default, but you can load any sound you like and shape it freely by moving the pad in the center. You can also record and export sounds you like.