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.

1. Mikhail Larchanka
github: larchanka
twitter: MLarchanka

2. Web Audio API

4. <audio></audio>

5. <audio></audio>
• not cross-browser
• no proper control
• no pre-buffering
• no effects
• no sound analysing

6. Web Audio API

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/)

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

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