【JavaScript】Audioで音を出す

Tweet

Category html5, JavaScript 2013/01/04

問題

JavaScriptでwavデータを生成して、Audioに渡して再生してみてください！

答え

流れを書くと以下のとおりで、流れは簡単。

audio = new Audio();
audio.src = "dataURIでwavデータ　もしくは　httpでダウンロード先URL";
audio.play();

再生の方法はこれだけで、プログラムの大部分は、再生するデータをダウンロードしてこないで、自力で生成するための部分となる。

Demo

Demoのプログラムはこの記事の中にべたっと書いたので、「ソースの表示」などで見ることができます。

参考

wavファイルフォーマット http://www.kk.iij4u.or.jp/~kondo/wave/

http://d.hatena.ne.jp/mohayonao/20110808/1312803835

http://www.html5rocks.com/en/tutorials/webaudio/intro/

http://www.p01.org/releases/140bytes_music_softSynth/（そのまま使うことはできなかったが面白かった）

http://wurstcaptures.untergrund.net/music/

https://developer.mozilla.org/en-US/docs/Creating_a_Web_based_tone_generator firefoxの場合

http://tuningfork.058.jp/