Skip to content

g200kg/WebAudioDesigner

Repository files navigation

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.

About

WebAudioAPI GUI design tool

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published