最近、Device関連のHTML5 APIが盛り上がっています。 今回から何回かにわけてWeb Audio APIについて書いていこうかと思います。 頑張ると、このくらいスゴいコトもできてしまうWeb Audio API。 最終的にHTML5 Advent Calendar向けにまとめますので、まとめて読みたい方は12/7までお待ちください。 とりあえずデモ とりあえず、一番簡単な「音楽を取得して出力する」デモです。 下部のPlayボタンを押したあとに、startボタンを押すとSVG女子のテーマソングが流れます。(webkitのみ) これはなに? Web Audio APIで音楽を出力しています。基本的な流れは以下のようになります。 URLにアクセスして音源(たとえばoggファイル)を取得する 取得した音源をAudioContextを用いてデコードし、AudioBufferNodeを生成す