Firefoxの開発ツールにWebAudioビジュアライザとエディタが付いたようです

Mozilla Hacksのこの記事(Resources for HTML game developers)によると、Firefoxの最新版(31.0)から、開発ツールにWebAudioビジュアライザとエディタが付属するようになってたようです。

sndjs.orgで試してみたのが↓の画像です。

これで見るとこっそり仕込んだオシレータがバレバレですね

ちょっと見づらいですが、下の開発ツールにグラフ状の接続図とWebAudioAPIオブジェクトのリストが表示されています。

開発ツールを表示(Ctrl + Shift + I)後、左側の歯車アイコンをクリックして 、「標準のFirefox開発ツール」の「WebAudioエディタ」にチェックを入れると表示されるようになります。
（歯車アイコンでオプションを設定してあげないと表示されないので、ちょっと迷いました…）

元記事には他にもCanvasエディタやシェーダエディタなどについての説明も書いてあったので、興味があれば一読をおすすめします。

AudioBufferSourceNodeのような使い捨て前提のオブジェクトがガンガン図とリストに追加されていくため、WebAudioエディタのUIに何かもう一工夫あった方が嬉しい感じがするのですが、それでも十二分にデバッグのお供になってくれるのは間違いありません。

snd.jsを更新しました

snd.jsを更新しました。

今回の更新でBufferSourceの保存と読込みができるようになりました。

さらに、BufferSourceにデータを読み込むloadメソッドを3つ追加。
BufferSourceのオブジェクトで直接データを読み込む事が可能になりました。

また、ゲッター・セッターメソッドの多くをプロパティに変更しています。
それに合わせてゲッター・セッターはdeplecated扱いとしています。

その他、README.mdを書き換えたり、ドキュメントの整備、デバッグなども含みます。
 
サイトはこちら
githubはこちら

ライブラリのダウンロードはどちらからでも可能です。

どちらでもお好きな方からどうぞ。

snd.jsのサイトを公開しました

snd.jsのサイトを公開しました。
リンクにカーソルがあう度にポチポチ音がしてリンククリックするとキュピーンとなるうるさいサイトですが、よろしくおねがいします。
有志団体（個人）ということで、ドメインはorgにしました。
 普段広告つけたりとかしないのですが、試しに広告くっつけてみました。
 まだまだ途上ですが、改めてよろしくお願いします。

これでとりあえず体面は整ったので、次はJSON出力かな…
ゆったり構えてぼちぼち進めて行きたいと思います。

バグ取りました

snd.util.createBufferSourcesとsnd.AudioDataManagerにバグが見つかったので直しました。

以下はどうでも良い話です。

WebAudioAPIのWorkingDraftが19 June 2014版になってました

題名で全部言い切った。

ぼちぼち読みます。

snd.jsがDataURIScheme(Base64形式のデータ)に対応しました

snd.jsをBase64形式のデータへ対応させました。
最新版はgithubからダウンロードできますので、よろしくお願いします。

snd.jsのシンセサイザークラスにLFOを乗っけました

snd.jsのシンセクラスにLFOを乗せてみました。
これからノイズとか、ローパス・ハイパスとかのフィルタ類とか、色々と乗せていきたいんですが、ワンパターンな構成しかできないんじゃちょっと残念なので、シンセの構成要素を分割してモジュラーシンセに仕立てて行く予定です。
あと、three.jsの立体音プラグインでサウンドコーンとドップラー効果の実装も。

どっちか軽そうな方を優先しようかな …