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)。

Source: https://habr.com/ru/post/J313886/


All Articles