Web Audio APIで音源ファイルを使わずにブラウザから音を出す

このようにして、ブラウザで1.のHTMLを開いて、「開始」ボタンを押すと、指定した周波数の音を出すことができます。

今回のサンプルは、単純な正弦波（ピー音）を出力していますが、4.のJavaScriptのgetWaveメソッドや3.のJavaScriptの処理を変えることで、さまざまな「ソフトウェア音源」を作り出すことが可能になります。

実際の例として、1980年代のパソコンで広く使われた音源LSI「PSG」（AY-3-8910）をWeb Audio APIを使って再現したのが、当サイトで公開している「PSG for Web」です。こちらもあわせてご覧ください。

【動画あり】WebアプリケーションでPSGを再現するドライバ

WebアプリケーションでPSG（Programmable Sound Generator）を再現するドライバ（ソフトウェアPSGエミュレータ）「PSG for Web」を作成しました。

www.minagi.jp

2020.12.12

参考文献

ウェブオーディオ API - Web API | MDN

ウェブオーディオ API はウェブ上で音声を扱うための強力で多機能なシステムを提供します。これにより開発者は音源を選択したり、エフェクトを加えたり、視覚効果を加えたり、パンニングなどの特殊効果を適用したり、他にもたくさんのいろいろなことがで...

developer.mozilla.org

W3C勧告

Web Audio API

www.w3.org

Tatsuya Shinyagaito氏による日本語訳

Web Audio API

g200kg.github.io