JavaScript用の400の楽器

WebAudioFontDLSに似た新しいテクノロジーですが、Javascript Webアプリケーションでの使用を目的としています。



現時点では、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)は、主要な(そして、ほとんどの場合、唯一必要な)プレーヤー機能です。 そのパラメーターはより詳細です。





ソースコードと例付きの追加情報は、 WebAudioFontプロジェクトのWebサイトにあります。



WebAudioFontを使用できるアプリケーションは何ですか?



WebAudioFontの主な目的は、仮想楽器、非音楽アプリケーションでの効果音、リアルタイムでの音楽の生成と再生です。



画像



プロジェクトのWebサイトには、適用分野の追加例があります。





他のライブラリとは異なり



WebAudioFontは Javascriptコードで構成されていますが、ライブラリまたはフレームワークではありません。 これは、アプリケーションで数行を接続して使用できる楽器の大きなセットです。



画像



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



All Articles