Learn Exporting to the Web Export Target

Getting Started

Welcome to RNBO

Quickstart

RNBO Basics

Key Differences

Why We Made RNBO

Fundamentals

Audio IO

Messages to rnbo~

Using Parameters

MIDI in RNBO

Messages and Ports

Polyphony and Voice Control

Audio Files in RNBO

Using Buffers

Using the FFT

Export Targets

Export Targets Overview

VST/AudioUnit
Max External Target
Raspberry Pi Target
The Web Export Target

The Web Export Target

Exporting to the Web Export Target

The C++ Source Code Target

Code Export

Working with JavaScript
Working with C++

Exporting to the Web Export Target

Web Export is available from the Target Export Sidebar. It allows you to export your RNBO~ project as Javascript code for use in a web browser.

Web Export

To export to JavaScript, click the Export Sidebar Icon in your rnbo~ patcher. Under Source Code double-click the Web Export option.

Configuration

The configuration window provides various configuration options related to the export.

Output Directory Click 'Choose' next to Output Directory to save your JSON to your preferred location. Selecting a filepath that is within Max's search path will allow the JSON to be revealed in-app after the target has been exported. Updating Max's search paths can be set in.

File Name File Name allows you to create a name for your JSON . The name is "patch.export.json" by default.

Copy Sample Dependencies Checking the Copy Sample Dependencies box creates a media folder to the Output directory on export. This folder contains the media referenced in RNBO's sample dependencies.

Codegen: Classname The name of the exported RNBO class in a C++ application. Safe to ignore unless you want to load multiple RNBO exports into the same application.

Codegen: Polyphony Voice Settings:

  • Linked Exports the number of voices set from the rnbo~ object with the @polyphony attribute . Uncheck if you want to export a different polyphony count than specified in the @polyphony attribute in the rnbo~ object.
  • Disabled Disables polyphony for the code generated from this export.
  • Voice Count Sets the desired maximum voice count for simple polyphony.

Codegen: Expose per Voice Params Enable if you want ot modulate the params of individual voices separately instead of as a group.

Open Output Directory Open a file dialog and navigate to the code export directory when the export is complete.