The Web Audio API and MIDI for Web Development

Dive into the powerful world of web audio technologies in this comprehensive conference talk from CSS Day 2017. Explore the Web Audio API's extensive capabilities, from creating and loading sounds to analyzing and modifying them in countless ways. Learn practical techniques for integrating audio into your development workflow, gaining confidence in manipulating sounds effectively. Discover how to leverage audio contexts, implement muting and compression, create soundsprites, and incorporate audio in HTML games. Delve into advanced concepts like spatialization, oscillators, and timing. Get a taste of MIDI integration, including instruments and controllers. Gain hands-on experience with code examples and leave with a solid understanding of how to harness the full potential of audio in web development.

Intro
Examples
Audio on websites
Digital audio
Audio context
How to play audio
Audio Graph
Mute
Compression Delay
Soundsprite
HTML Games
Spatialization
Pan Node
Stereo Pan
Oscillators
Exponential Ramp
Pink Noise
Advanced Sounds
Timing
ToneJS
MIDI
MIDI Instruments
MIDI Controller
MIDI Minim
Running the code
Quick review