Suara/unworkletハンズオン会

概要

6/28 13:46 追記: 【部屋情報！！】

すみません部屋情報を掲載し忘れていたのですが、3階の3F-Aです！

こちらの会は、ADC Japan にて主催者であるYuichi Yogoが発表した、現在開発中のOSSオーディオ開発フレームワーク Suaraおよびunworkletのハンズオン会となります。

本イベントはリリース前にクローズドαテストを兼ねて、フレームワークの説明と実際にハンズオンをしていただき、フィードバックを得ることを目的としています。

Suaraとは

web 技術（HTML / CSS / JavaScript / Web Audio）で作ったアプリを、そのまま DAW のプラグインとして動かせるランタイムです。
いわば「オーディオプラグイン版の Electron」。

どんな web ページでもプラグインにできます。（現在は VST3 に対応。今後は対応フォーマットを増やす予定です）

⭐ アピールポイント

• 🔥 HMR
  • UI もDSP（音の処理）も、ビルドなし・プラグイン起動し直しなしで、DAW上で動かしたまま更新できます
• ↔️ プラグインごとのプロセス分離
  • Suaraプラグインは独立したprocessでchromiumを立ち上げるので、（まず起こらないことですが）仮に1つのSuara製プラグインが落ちても、DAW 本体や他のプラグインは巻き込まれません
• ⚡ 低レイテンシ
  • 「プラグインから別プロセスでchromiumを立ち上げて通信するなんて、レイテンシーが大きくて使い物にならないのでは？」
    • → 平均85μs程度 の往復通信コスト（実測値）に抑えることができており、超ヘビーなDSPでなければ、概ね問題ないレイテンシに抑えることができています
• 🚀 同じhtml/css/jsのコードが、VSTプラグインとしても、普通のWebアプリとしても動く！！
  • 同じソースコードで、そのままブラウザで試せる体験版やデモを用意できます

🔧 開発体験

• UI周りはWebそのまま 👍
  • HTML / CSS / SVG / WebGL（あるいはWebGPU） で凝った GUI も作りやすく、デバッグも簡単です
• プラグイン制作者が C++ を書く必要はなし 👍
  • UI部分もDSP部分も、プラグイン開発者が書くのは JavaScript だけです
• トライアルの速さ 👍
  • 「変更のたびに長いビルドを待って DAW を再起動」という消耗から解放されます

unworkletとは

TypeScript で書いた音声処理（DSP）を、「リアルタイムに安全だとコンパイル時に確かめた WebAssembly」 へ変換するフレームワークです。
「音版の TypeGPU」と言える立ち位置で、web で DSP を書くときの定番（3Dグラフィックスでいうところのthree.js のような存在）を目指しています。

⭐ アピールポイント

• 🛡️ コンパイル時の安全保証
  • メモリ確保・GC・無限ループ・例外・ブロッキングといった音が途切れる原因を、コンパイル時に締め出します
    • → これらの要因を構造的に排除するので、コンパイルが通った時点で、その種の不具合は入り込めません
• ⚙️ 設計図とランタイムの分離
  • 書いた TypeScript は、ビルド時に処理の設計図を組み立てるだけです
    • → 実際に音声スレッドで動くのは、生成された WebAssembly だけです
• 🌍 場所を選ばない実行
  • 同じ DSP がさまざまな場所で動きます
    • ブラウザ
    • サーバー
    • コマンドラインツール
    • （将来的にはマイコンなどの組み込みでも）
• ✅ e2eテスト
  • 出荷するものと全く同じ WebAssembly を、ブラウザなしでそのままテストできます
    • → 結果は毎回同じで再現性があり、近似ではなく本物です

🔧 開発体験

• 低レベルの配線はフレームワーク任せ 👍
  • スレッド間のメモリ共有や同期、AudioWorklet の組み立てなどを意識せず、TypeScript を 1 ファイル書くだけです
• 正確なイベント処理 👍
  • MIDI やイベントを、サンプル単位の正確さで標準的に扱えます
• デバッグのしやすさ 👍
  • 動いている音声処理の中身を、開発ツール上でそのまま確認できます。内部の状態を正確に見ながらデバッグでき、本番のビルドには一切残りません

イベントの流れ

14:00-15:00 Suara/unworkletについて解説・デモ
15:00-17:00 β版のinstallerを配るので、各自自由にハンズオン。質問/相談/フィードバックはいつでもOK！

参加にあたって

会場

connpassのイベントページの会場欄をご確認ください。
当日の部屋については会場側から連絡があり次第、connpassページを更新します

参加費用について

会場にてPayPayか現金で 1500円/1名 を頂戴できると幸いです。

持ち物

ハンズオンを希望する方は、パソコンをご持参ください。
現状はMacの方がよくテストされているのですが、当日までにWindowsでも動作するように調整しておきます！

懇親会について

イベント終了後に近くの飲食店・居酒屋などで懇親会をしようと思います。
ご参加を希望の方はconnpassのアンケートにて参加意思をご表明ください。