Firefoxでソフトシンセも作れるAudio Data APIの使い方 (1/5)

• 
• ツイートする

　HTML5ではメディア要素としてAudioが定義され、プラグインを使わずに音声を扱えます。HTML5 Audioについては本連載でも何度か取り上げてきました。

　これまでに作成したHTML5 Audioのサンプルは、事前に用意したオーディオファイルを再生しており、プログラムで音を生成しているわけではありませんでした。一方、Firefox 4（ベータ版）に搭載されたAudio Data APIを使うと、JavaScriptのプログラムで自在に音を生成したり、オーディオファイルの内容にアクセスしたりできます。

　上記のページにはFFT（フーリエ変換）を使って音の周波数を表示するサンプル（Audio Spectrum）が掲載されており、オーディオビジュアライザーを作りたい人は参考になるでしょう。さらに努力次第では、8ビットコンピューターに搭載されていたPSG音源やFM音源、音声合成などもFirefox上で再現できるかもしれません。

　今回のJavaScriptラボは、サンプルをいくつか作りながらAudio Data APIの使い方を解説します。Audio Data APIはW3Cで標準化が検討されていますが、現時点ではFirefox 4（ベータ版）でのみ利用できます。現状のイベントやプロパティ名はFirefox独自の仕様ですので、今回のサンプルは他のブラウザーがAudio Data APIに対応してもFirefoxでしか動作しない可能性が高く、Firefoxのバージョンアップに伴って動作しなくなる可能性もあります。あくまでも実験レベルでこんなことができる、という前提で試してください。

「まとめてじっくり読みたい！」という読者のみなさまの声にお応えし、この連載が本になりました。書籍化にあたって加筆修正し、記事公開後の最新情報やコラムも盛り込んでいます。

HTML5+JavaScript アイデア&実践サンプル

本体　2,800＋税、B5変形判312ページ（オール4色刷）
ISBN：978-4-04-870448-9