Session Information
Building Production-Ready Audio Applications with JavaScript
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 production-ready audio modules in Cycling '74's RNBO and deploy them to the web via WebAssembly.
- GPU-Accelerated Audio – Explore emerging patterns that offload DSP to the GPU for massive parallelism.
- Browser Limitations – Understand current constraints and proven work-arounds.
- Hybrid Desktop / Web Workflows – See how JUCE 8 + WebView and Vue.js can bridge plug-ins and web interfaces.
Live Demos:
- Single Motion Granular – A browser-based granular synth (RNBO DSP + Svelte UI)
https://kentaro-granular-web.vercel.app/
- Listen to the Inaudible – Media-art piece decoding ultrasonic messages on smartphones (graduation work, Tokyo University of the Arts)
https://yogo.style/works/listen-to-the-inaudible
- Starling – A musician-oriented plug-in: Max for Live DSP with a Vue.js front-end via Node.js IPC
https://www.youtube.com/watch?v=Uoy_kM_8f90
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 with JavaScript
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 production-ready audio modules in Cycling '74's RNBO and deploy them to the web via WebAssembly.
- GPU-Accelerated Audio – Explore emerging patterns that offload DSP to the GPU for massive parallelism.
- Browser Limitations – Understand current constraints and proven work-arounds.
- Hybrid Desktop / Web Workflows – See how JUCE 8 + WebView and Vue.js can bridge plug-ins and web interfaces.
Live Demos:
- Single Motion Granular – A browser-based granular synth (RNBO DSP + Svelte UI)
https://kentaro-granular-web.vercel.app/
- Listen to the Inaudible – Media-art piece decoding ultrasonic messages on smartphones (graduation work, Tokyo University of the Arts)
https://yogo.style/works/listen-to-the-inaudible
- Starling – A musician-oriented plug-in: Max for Live DSP with a Vue.js front-end via Node.js IPC
https://www.youtube.com/watch?v=Uoy_kM_8f90
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.