Web Audio API: brief introduction
1 like283 views
The document discusses the limitations of using the native <audio> tag for playing audio in the browser, including lack of cross-browser support, proper controls, pre-buffering, and effects. It then introduces the Web Audio API as a cross-browser solution that provides full control over audio sources, effects like reverb and delay, and sound analysis capabilities. Code samples and links to documentation and libraries using the Web Audio API are also included.
Web Audio API: brief introduction
- 1. Mikhail Larchanka github: larchanka twitter: MLarchanka
- 5. <audio></audio> • not cross-browser • no proper control • no pre-buffering • no effects • no sound analysing
- 7. Web Audio API: ~cross-browser
- 10. Web Audio API: control
- 11. Web Audio API: control – source
- 12. Web Audio API: control – analyser
- 13. Web Audio API: control – destination
- 14. Web Audio API: pre-buffering
- 15. 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
- 16. Web Audio API: analyse (http://webaudioapi.com/samples/visualizer/)
- 18. Links • 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/
- 19. Questions