Contenu connexe
Similaire à Web Audio APIでシンセサイザーの作成 (20)
Web Audio APIでシンセサイザーの作成
- 2. Music
sm11764888 シャウトVST
sm11953495 ダブリングVST
sm14366724 ビブラート描画
http://youtu.be/MWrF0_du2rA
8bit ソフトシンセ
http://youtu.be/4qsxTV3sg-g
竹内関数音楽
Programming
- 11. Web Audio API
・W3C Proposal
・Google Chrome対応
・ノードによる部品化
(ゲイン、ディレイ、フィルター他)
・ノード同士をconnect()で連結
https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html
- 12. ボリューム→ディレイ→出力の例
// コンテキスト作成
var ctx = new webkitAudioContext();
// ボリュームノード作成
var volume = ctx.createGainNode();
// ディレイノード作成
var delay = ctx.createDelayNode();
// ノード同士を接続
volume.connect(delay);
delay.connect(ctx.destination);
- 13. ノード構成
Biquad Gain
VCO1 Filter
Delay
VCO2
http://github.com/aike/webaudiosynth
- 23. jqSkinの使い方 $('<img />').panel({
id: 'id0', image: 'panel.png',
left: 10, top: 110
}).appendTo('#draw');
$('<img />').knob({
id: 'id1', image: 'knob.png',
left: 180, top: 145,
パネル画像 width: 80, height: 80
}).appendTo('#draw');
ソースコード
ノブ画像
- 27. Web Audio API
+
jqSkin
シンセが簡単に作れるよ!
http://www.flickr.com/photos/sduck409/