Web Audio API: brief introduction

Mikhail Larchanka

github: larchanka twitter: MLarchanka

Web Audio API

• not cross-browser • no proper control • no pre-buffering • no effects • no sound analysing

Web Audio API

Web Audio API: ~cross-browser

Web Audio API: control

Web Audio API: control – source

Web Audio API: control – analyser

Web Audio API: control – destination

Web Audio API: pre-buffering

Web Audio API: effects (http://webaudioapi.com/samples/room-effects/)

•Overdrive•Filter•Cabinet•Delay•Convolver (Reverb)•Compressor•WahWah•Tremolo•Phaser•Chorus•Bitcrusher•Moog Filter•Ping Pong Delay•Panner•Gain

Web Audio API: analyse (http://webaudioapi.com/samples/visualizer/)

Code (http://jsbin.com/lenapigo/1/edit?html,css,js,output)

• Web Audio API Mozilla.dev (https://developer.mozilla.org/en/docs/Web/API/Web_Audio_API)

• Howler.js (https://github.com/goldfire/howler.js)

• Pizzicato (https://github.com/alemangui/pizzicato)

• Wad (https://github.com/rserota/wad)

• http://codepen.io/njmcode/pen/PwaXwB

• https://mdn.github.io/voice-change-o-matic/

Questions

Software