Web Audio Browser Patterns

Production-tested patterns for fault-tolerant browser audio with zero-lag rapid-fire support.

Related Skills

• javascript: Async patterns, cleanup in disconnectedCallback, singleton patterns
• web-components: Integrating audio with custom elements
• ux-feedback-patterns: Audio as part of user feedback
• ux-accessibility: Respecting prefers-reduced-motion for audio

Rule 1: AudioContext is Expensive — Create Once

AudioContext creation is expensive and browsers limit the number of contexts. Create one per page, reuse forever.