Speaker

セッション情報

JavaScript を活用した実用的オーディオアプリケーションの構築

概要：

Webアプリケーションは、もはや「無音」の存在ではありません。Web Audio API、WebAssembly、GPUアクセラレーションの進化により、ブラウザ上の音声処理は、ネイティブ環境にも匹敵するレベルへと到達しています。このセッションでは、Vue をはじめとするフロントエンド開発者に向けて、リアルタイム音声処理をアプリに統合するための、実践的で本番運用に対応した戦略を紹介します。パフォーマンスやユーザー体験を犠牲にすることなく、オーディオ処理の統合が可能になります。

セッションで得られる主な知見：

・Web Audio API & AudioWorklet：ブラウザ上での低遅延 DSP の基礎を構築

・RNBO → WebAssembly：Cycling '74 の RNBO で制作したプロダクション対応のオーディオモジュールを WebAssembly 経由で Web にデプロイ

・ GPU アクセラレーテッド・オーディオ：DSP 処理を GPU にオフロードする新しい並列処理パターンを探求

・ブラウザの制限：現時点での技術的制約と実用的な回避策の理解

・デスクトップ × Web のハイブリッド開発：JUCE 8、WebView、Vue.js を組み合わせ、プラグインと Web UI の橋渡しを実現

ライブデモ：

・Single Motion Granular – RNBO DSP + Svelte UI を組み合わせたブラウザベースのグラニュラーシンセ

https://kentaro-granular-web.vercel.app/

・Listen to the Inaudible – スマートフォンで超音波メッセージを解読するメディアアート作品（東京芸大卒業制作）

https://yogo.style/works/listen-to-the-inaudible

・Starling – Vue.js フロントエンド × Node.js IPC を組み合わせた、ミュージシャン向け Max for Live プラグイン

https://www.youtube.com/watch?v=Uoy_kM_8f90

対象者：

視覚表現だけでなく音の領域へ Vue.js を拡張したい、フロントエンドエンジニア・クリエイティブコーダー・オーディオ開発者。

参加に必要な知識：

JavaScript/TypeScript および Vue.js の基本的な知識。DSP の前提知識は不要で、基本から丁寧に解説します。

音楽家、エンジニア

Escentier

Yuichi Yogo