Introduction to Web Audio API

Prerequisites

Please make sure you are familiar with Introduction to HTML and JavaScript, and somewhat familiar with Introduction to Max and MSP before starting this topic.

Summary

This short topic will introduce you to the JavaScript Web Audio API. The first lesson goes over similarities and differences Web Audio API has with Max. The second lesson provides a quick reference guide detailing all the ways a user can interact with an application that uses Web Audio API.

Once you've understood the basics, feel free to move onto either the Sample Playback with Web Audio API or Building a Synthesizer with Web Audio API topics.

Lessons

1. Max vs. Web Audio API

• Vocabulary
• AudioContext
• AudioNode
• AudioParam
• AudioNode
• GainNode
• OscillatorNode
• audioCtx.destination

2. User Input in HTML and JavaScript: A Quick Reference

• Vocabulary
• $().on("click")
• $().on("keydown")
• $().on("mousemove")
• <button></button>
• <fieldset></fieldset>
• <input />
• <label></label>
• <select></select> and <option></option>

3. Oscilloscope and Spectroscope in Webaudio

4. 3 ways to get your own Local Web Server