Session Information
Building Production-Ready Audio Applications in Web
Abstract:
Web applications are no longer silent. Thanks to the evolution of the Web Audio API, WebAssembly, and GPU acceleration, browser-based audio can now rival native environments. In this talk I will guide Vue (and broader front-end) developers through practical, production-ready strategies for integrating real-time audio processing into their apps—without sacrificing performance or user experience.
Key Takeaways:
- Web Audio API & AudioWorklet – Build a solid foundation for low-latency DSP in the browser.
- RNBO → WebAssembly – Build prototype-oriented audio modules in Cycling '74's RNBO and deploy them to the web via WebAssembly.
- JUCE – High-level overview of JUCE as a widely used framework in the audio community, with a brief note on how it may relate to web workflows.
- GPU-Accelerated Audio – Explore emerging patterns that offload DSP to the GPU for massive parallelism.
- Browser Limitations – Understand current constraints and proven work-arounds.
Target Audience:
Front-end engineers, creative coders, and audio developers who want to push Vue.js beyond visuals and into immersive sonic experiences.
Prerequisites:
Basic familiarity with JavaScript/TypeScript and Vue.js. No prior DSP knowledge required—concepts will be introduced from first principles.
Yuichi Yogo
Building Production-Ready Audio Applications in Web
Abstract:
Web applications are no longer silent. Thanks to the evolution of the Web Audio API, WebAssembly, and GPU acceleration, browser-based audio can now rival native environments. In this talk I will guide Vue (and broader front-end) developers through practical, production-ready strategies for integrating real-time audio processing into their apps—without sacrificing performance or user experience.
Key Takeaways:
- Web Audio API & AudioWorklet – Build a solid foundation for low-latency DSP in the browser.
- RNBO → WebAssembly – Build prototype-oriented audio modules in Cycling '74's RNBO and deploy them to the web via WebAssembly.
- JUCE – High-level overview of JUCE as a widely used framework in the audio community, with a brief note on how it may relate to web workflows.
- GPU-Accelerated Audio – Explore emerging patterns that offload DSP to the GPU for massive parallelism.
- Browser Limitations – Understand current constraints and proven work-arounds.
Target Audience:
Front-end engineers, creative coders, and audio developers who want to push Vue.js beyond visuals and into immersive sonic experiences.
Prerequisites:
Basic familiarity with JavaScript/TypeScript and Vue.js. No prior DSP knowledge required—concepts will be introduced from first principles.