LogoMark.png

WebAudio の変更点


#author("2022-07-13T10:51:26+09:00;2022-07-13T10:29:41+09:00","default:inoue.ko","inoue.ko")
*Web Audio API
https://developer.mozilla.org/ja/docs/Web/API/Web_Audio_API
~

Web Audioとは、ブラウザ上で音の合成や加工を可能にしたJavaScript API。
HTML5ベースのブラウザゲームなどで音声コントロールができるのはもちろん、Webページ上で、シンセサイザーやドラムマシンが実現します。

~

**Instruments
//http://webaudiodemos.appspot.com/
//-[[Analog Synthesizer>http://webaudiodemos.appspot.com/midi-synth/index.html]]

***Keyboard / Synthesizer
-[[AudioSauna>http://www.audiosauna.com/]]

-[[YAMAHA DX7>GoogleImage:YAMAHA DX7]]
--[[WebDX7>https://www.webaudiomodules.org/wamsynths/webdx7/]]
--[[DX7 Synth>https://mmontag.github.io/dx7-synth-js/]]

-[[WebSynth by aike>https://aikelab.net/websynth/]] MIT
-[[Web Audio Synth V2>https://aikelab.net/websynthv2/]] MIT

-[[106.js>https://juno-106.js.org/]] MIT / GitHub

-[[Musical Keyboard - JS Dynamic Audio Synth>http://www.keithwhor.com/music/]] MIT / GitHub
~

***Guitar
-[[Guitar Backing Tracks>http://myguitarpal.com/jam-station-guitar-backing-tracks/]]

-[[Guitar Chords>http://chordbook.com/guitar-chords/]]
~


***Drums
-[[Patternsketch>http://patternsketch.com/]]

-[[WebAudio Drum Machine 1.0>http://webaudiodemos.appspot.com/MIDIDrums/index.html]] MIT / GitHub

//-[[Touch Pad>http://webaudiodemos.appspot.com/TouchPad/index.html]]
~

***DJ

-[[HTML5 DJ>http://wheelsofsteel.net]]
&small(サンプル曲は、左ドラッグで左、右ドラッグで右のターンテーブル);
~


***DAW

-https://www.soundtrap.com
~

''[註]''
-Google Chrome での閲覧を推奨します。
-それぞれのページがロードされたら、右クリック>ソースを表示、でご確認下さい。いずれも普通にHTMLで書かれたWebページで、各オブジェクトをJavaScriptAPIで制御しているのがわかります。
~

***APIライブラリー
-http://sndjs.org/
~
~