現時点では、400(400)の楽器を使用して、サウンドまたは生成された音楽を再生できます。

本質的に、 WebAudioFontは、オーディオデータの配列と合成ルール( AHDSR 、周波数など)の説明を含むJavascriptファイルのセットです。
再生には、 Web Audio APIに基づくプレーヤーが使用されます。 Web Audio APIのすべての機能は、使用するツールで使用できます。フィルターを接続したり、音量や周波数をスムーズに変更したり、エコーを追加したりできます。サウンド合成はWavetableの原則に従って実行されます。
ハローワールド
音声再生の最小コード:
<html> <head> <script src='WebAudioFontPlayer.js'></script> <script src='webaudiofont/32.0.Accoustic_32Bsaccousticbs_461_460_45127.js'></script> <script> var AudioContextFunc = window.AudioContext || window.webkitAudioContext; var audioContext = new AudioContextFunc(); var player=new WebAudioFontPlayer(); </script> </head> <body> <p><a href='javascript:player.queueWaveTable(audioContext, audioContext.destination, _tone_Accoustic_32Bsaccousticbs_461_460_45127, 0, 12*4+7, 2);'>click!</a></p> </body> </html>
このページのようなものが表示されます 。
コードの詳細:
<script src='WebAudioFontPlayer.js'></script>
-プレーヤーWebAudioFontPlayer.jsを接続します
<script src='webaudiofont/32.0.Accoustic_32Bsaccousticbs_461_460_45127.js'></script>
-ファイル32.0.Accoustic_32Bsaccousticbs_461_460_45127.jsから選択した機器を接続します
<a href='javascript:player.queueWaveTable(audioContext, audioContext.destination, _tone_Accoustic_32Bsaccousticbs_461_460_45127, 0, 12*4+7, 2);'>click!</a>
-リンクをクリックすると、ノートが再生されます。
queueWaveTable(audioContext、target、preset、when、pitch、duration、continuous)は、主要な(そして、ほとんどの場合、唯一必要な)プレーヤー機能です。 そのパラメーターはより詳細です。
- audioContext-Web Audio APIからの現在のAudioContext
- target-サウンドが再生されるノード。最も単純な場合、audioContext.destination
- preset-プリセットを含む変数(例では_tone_Accoustic_32Bsaccousticbs_461_460_45127)
- when-audioContext.currentTimeを基準とした秒単位の再生開始時間
- ピッチ-ノートの高さ
- 期間-秒単位のノート期間
- 連続-AHDSRを無視する場合はtrue
ソースコードと例付きの追加情報は、 WebAudioFontプロジェクトのWebサイトにあります。
WebAudioFontを使用できるアプリケーションは何ですか?
WebAudioFontの主な目的は、仮想楽器、非音楽アプリケーションでの効果音、リアルタイムでの音楽の生成と再生です。

プロジェクトのWebサイトには、適用分野の追加例があります。
他のライブラリとは異なり
WebAudioFontは Javascriptコードで構成されていますが、ライブラリまたはフレームワークではありません。 これは、アプリケーションで数行を接続して使用できる楽器の大きなセットです。

-カタログには、サウンドオプションが異なる170の楽器のみが含まれています(楽器ごとに2〜3)。