WebAudioDesigner

by g200kg

WebAudioAPI GUI design tool

128 Stars 13 Forks Last release: Not found MIT License 77 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

WebAudioDesigner

WebAudioAPI GUI design tool

Available 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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.