Includes examples adapted from HTML5 Part 2: Advanced Techniques for Designing HTML5 Apps MOOC offered by W3C:
- Working with streamed content: the MediaSourceElement node
- The most useful filter nodes / Gain node
- The most useful filter nodes / Stereo panner
- The most useful filter nodes / Biquad filter
- The most useful filter nodes / Convolver node
- The most useful filter nodes / The Dynamics Compressor node
- Writing an equalizer using biquad filters / An audio equalizer with an
<audio>element - Writing an equalizer using biquad filters / The same example but with a
<video>element - Live video coding: animating a waveform
- 2D real time visualizations: waveforms / Audio player with waveform visualization
- 2D real time visualization: frequencies / First typical example
- 2D real time visualization: frequencies / Another example: achieving more impressive frequency visualization
- Animate volume meters / Add a single volume meter to the audio player
- Animate volume meters / Draw two volume meters, one for each stereo channel
- Working with sound samples loaded in memory
Some of the default sound URLs are for sound files from Web Audio Playground.