html

Web Audio APIで任意の周波数の正弦波を鳴らす(HTML5/Javascript)

HTML5のWeb Audio APIを使って任意の周波数で正弦波を鳴らす電子音叉的なものを作ってみる。

HTML5のサウンド処理

HTML5ではこんな風にAudioタグを使って簡単に音を出す事が出来る。

Audioタグは簡単に使える反面、エフェクト等の音声処理の機能は無い。そのようなシーンにはWeb Audio APIを使えば良いようだ。

参考
Web Audio API – Web API インターフェイス | MDN
HTML5 の Web Audio API で音楽してみる | CYOKODOG

このあたりを参考にしつつ作成してみた。

完成品

周波数: Hz
音量:


ソースコード

近い内、レイアウトやアイコンのデザインを改良してメトロノームとかも合わせて作りたい。