Web Audio API Experiments

Some experiments with the Web Audio API and Web MIDI API.

Goals

• See and hear different sound waves
• Subtractive synthesis
• Additive synthesis
• FM synthesis
• Build synth modules such as VCOs, VCFs, VCFs, LFOs, Envelope Generators
• Gate trigger to start EGs via computer keyboard, Web MIDI and step sequencer
• CV to set oscillator frequency (noteon, noteoff) from the same, and modulate osc frequency, filter cutoff and amp gain with LFOs
• Patching
• Build WAA versions of classic synths such as Minimoog, TR-808, Jupiter-8
• Build WAA versions of sounds and effects such as Reverb, Vocoder, SuperSaw, PWM, Tremolo, Vibrato, Flanger

Running this requires a browser that supports Web Audio API and Web MIDI API.

Requirements

See bower.json (jQuery, Require JS, Handlebars)

Add js libs:

• /_thirdparty/qwerty-hancock.js

Add Web Components:

• /_thirdparty/led-atom.html from https://github.com/HenningKlokkeraasen/led-webcomponent
• /_thirdparty/webaudio-controls/webcomponents/polymer.js from https://github.com/g200kg/webaudio-controls
• /_thirdparty/webaudio-controls/js/platform.js from https://github.com/g200kg/webaudio-controls
• /_thirdparty/webaudio-controls/webcomponents/controls.html from https://github.com/g200kg/webaudio-controls

Add wave tables:

• /_thirdparty/wavetable.js from http://chromium.googlecode.com/svn/trunk/samples/audio/lib/wavetable.js
• /_thirdparty/fft.js from http://chromium.googlecode.com/svn/trunk/samples/audio/lib/fft.js
• /_thirdparty/wave-tables/ * .txt from http://chromium.googlecode.com/svn/trunk/samples/audio/wave-tables/

Concepts

• Module: Something that can produce, modify, modulate, trigger, analyse or output audio
• Patch: A connection between two modules. Either an audio patch, trigger/gate patch, or control patch (set a frequency, modulate a gain level, etc)
• Gear: Predefined set of modules and internal patching
• Rack: 1-1 with an HTML page. Has 1 or more Modules and Gear in it

Responsibilities

• Facade: A wrapper around a Web Audio API node, or a set of nodes. Responsible for interacting directly with the Web Audio API
• Factory: Creates a module from a module definition/parameters
• Controller: Renders a module to the DOM