Signal Processing – with Web Audio

View Github Repository Open presentation in a new window

jsantell

See all presentation from jsantell

Signal Processing – with Web Audio

1 20

dsp-with-web-audio-presentation

Presentation for JSConf 2014, "Signal Processing with the Web Audio API"

On Github jsantell / dsp-with-web-audio-presentation

Signal Processing

with Web Audio

Jordan Santell / @jsantell

Web Audio

Web Audio API

Node Types

  • Source
  • Transformation
  • Analyzation
  • Destination

Simple Route

var ctx = new AudioContext();
var osc = ctx.createOscillator();
var gain = ctx.createGain();
osc.connect(gain);
gain.connect(ctx.destination);
osc.start(0);

Amplitude Modulation

var ctx = new AudioContext();
var carrier = ctx.createOscillator();
var modulator = ctx.createOscillator();
var gain = ctx.createGain();
carrier.connect(gain);
gain.connect(ctx.destination);
carrier.start(0);

modulator.connect(gain.gain);
modulator.start(0);

Frequency Modulation

var ctx = new AudioContext();
var carrier = ctx.createOscillator();
var modulator = ctx.createOscillator();
var gain = ctx.createGain();
carrier.connect(gain);
gain.connect(ctx.destination);
carrier.start(0);

modulator.connect(carrier.frequency);
modulator.start(0);

Modulating all AudioParams

DUBSTEP

Thanks