THE SCHOOL OF KAMOS

この常識を塗り替えたのが、外部の録音データに頼らずブラウザ内部でゼロから音を作り出す「プロシージャル・シンセシス」のアプローチです。これは、あらかじめ曲が録音された分厚いレコード盤を棚から引っ張り出して針を落とす旧来の方式から、手のひらサイズの電子シンセサイザーのツマミを回してその場で電気信号を鳴らす方式への転換といえます。今回の現場では、Web Audio APIを駆使して「吸引」「飲み込み」「ファンファーレ」といった多彩な効果音を、ダウンロード容量ゼロのままコードの計算式だけで即座に合成することに成功しました。外部ファイルを一切待たないため、ページの読み込み速度を損なうことなく、思い描いた通りの演出を瞬時に届けることができます。

内部の仕組みをのぞくと、データの流れは劇的に変化しています。従来の方式では「ユーザー操作の検知からサーバーへの音声リクエスト、ファイルのダウンロード待機、デコード、再生」という長い通信パイプラインを経由していました。これに対して新しい手法では、ブラウザ内に備わっている発振器（オシレーター）ノードと音量調整器（ゲイン）ノードをコードで直接結びつけます。周波数をミリ秒単位で滑らかに変化させ、音の立ち上がりや減衰を数式で制御することで、一切の外部通信なしにメモリ内で純粋な音響信号を立ち上げるのです。さらに、この音の波形生成を画面上のCSS変形アニメーションと完全に同じタイミングで発火させることで、ページの吸引演出と効果音が1ミリ秒の狂いもなく心地よくシンクロする体験が実現しました。