AudioNode

大学3年生のころに作成した、ブラウザ上で動作するノードベースの音声処理ソフトです。様々なノードを画面に追加し、それらを繋げることでリアルタイムな音声処理を行えます。また、入力波形や処理途中の波形、出力波形などもリアルタイムに可視化されます。

以下はバンドパスフィルターを実装した例です。ノイズに対してバンドパス処理を行い、スピーカーから音を出力しています。

入力にはマイク、音声ファイル、MIDI入力、画像ファイルの4つに対応しています。出力はスピーカーのみに対応しています。

デモ

以下のURLから実際に体験することができます。

複雑な音声をリアルタイムに実行するため、音声処理はGPU上で行っています。ブラウザからGPUの計算資源を利用するため、WebGLを利用しました。そのため、音声波形はWebGLのテクスチャとして管理されています。また、音声のフィルター処理はWebGLのフラグメントシェーダで行っています。

git clone https://github.com/wakewakame/AudioNode
cd AudioNode
git submodule update --init --recursive
npm install
npm run-script build

これによりdstディレクトリにmain.jsが生成されます。

また、npm run-script startを実行した状態でlocalhost:8080/dstにアクセスするとプログラムが更新されるたびに自動的にブラウザがリロードしてくれます。

MIT