強火で進め

このブログではプログラム関連の記事を中心に書いてます。

Firefox 4で追加されたAudio Data APIで出来る事

Audio Data APIでは再生中の音楽データの情報を取り出して使用する事が出来る為、音に合わせたエフェクトを表示する様な処理がJavaScriptで可能になります。

Firefox 4のベータ出る: 高速グラフィクスや音の視覚化など
http://jp.techcrunch.com/archives/20100907firefox4/


また、シンセサイザーの様なアプリを作る事も可能です。

HTML5 and Javascript Synthesizer from Corban Brook on Vimeo.

HTML5 Audio Data API (Videos)
http://weare.buildingsky.net/2010/06/17/html5-audio-data-api


Web上で音楽を演奏する。Audio Data APIの使い方を知る「HTML5 Guitar Tab Player」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
http://www.moongift.jp/r/2011/01/20110121-3/

HTML5 AudioとJavaScriptで作ったドラムマシンにjsfxで音色編集機能を追加:■ 音楽方丈記
http://sothis.blog.so-net.ne.jp/2011-02-15


SE(効果音)の作成ツールなんかも出来ちゃいます。

sfxr.js
http://audioscene.org/scene-files/humph/sfxr/

JavaScriptチップチューンサウンドエフェクトを生成するライブラリ : jsfx:■ 音楽方丈記
http://sothis.blog.so-net.ne.jp/2011-02-09

関連情報

APIについてもっと詳しく知りたい方や他のサンプルを見たい方はこちらのページを参照下さい。

Audio Data API - MozillaWiki
https://wiki.mozilla.org/Audio_Data_API


ソフトシンセの作り方解説。

ASCII.jp:Firefoxでソフトシンセも作れるAudio Data APIの使い方|古籏一浩のJavaScriptラボ
http://ascii.jp/elem/000/000/564/564098/?mail

Firefox 4, bring the noise!
http://vocamus.net/dave/?p=1273