/web-audio-designer

Primary LanguageJavaScriptMIT LicenseMIT

WebAudioDesigner

Edited version of Aleksey Vaneev's wonderful project

The original version can be found at: https://g200kg.github.io/WebAudioDesigner

Usage

Menu

Menu Description
Play Start all Oscillators and BufferSources
Graph - New Graph Clear current graph
Graph - Export as JavaScript file Export as simple JavaScript code
Graph - Link to this graph Display a URL that contain current graph
Add Node - (Node type) Add specified node
Add Knob Add knobs that controls parameter values
About Display info

Adding node

Select from menu "Add Node".

Adding knob

Select from menu "Add Knob".

Deleting node or knob

Select node/knob's pop-up menu "Delete" that will be appear when clicking node's upper left or knob's lower left corner orange square.

Make Connection

There are two types of connection, signals (green) and knob to parameter controls (light blue). Connections are made with dragging between appropreate connectors that are represented as semi-circles.

Signals :

  • connect "out" to "in".
  • or connect "out" to parameters (AudioParam) that has green connectors.

Controls :

  • knobs to number type parameters that has light-blue connectors.

Delete Connection

  • Click each connector, then select "Disconnection" from popup menu.
  • Click node's popup menu (orange square) and select "Disconnect". This will disconnect all connection from this node.

Sample patch

Delay

Chorus

Phaser

FSU

Wah with knob controls

AutoPan with knob controls

MediaElementSource and Tone Control

Vocoder voice

License

Licensed under MIT License except Impulse Response files (included in samples/ir folder).
Inpulse Response files are Licensed under Voxengo's license.