HTML5 Audioオブジェクトで作られたアンビエントな純正律のブラウザ楽器

HTML5 Audio オブジェクトと Canvas で作られたアンビエントなブラウザ楽器 The Rational Keyboard を紹介。

Chrome、Firefox、Safari など HTML5 Audio に完全対応したブラウザで試してください。IE では音がでません (IE9/10 では画面だけは動きます)


piano

4種類 (piano、wedges、thermal、flow) の鍵盤スタイルが選べます。
マウスで1つずつクリックするかドラッグで鍵盤上をなぞれば音が鳴ります。
(Firefox ではマウスでなぞるだけで鳴るときもある)

音階は一般的な楽器で多く採用されている12平均律ではなく、周波数を整数比で分割した純正律で音階が割り当てられています。
鍵盤に書かれている分数は純正律の比率 (Ratio) です。






純正律が何かわかってなくても、鍵盤の濃度変化を頼りに適当に押していくとソレっぽいのができるかも。

[関連サイト]
　Fritz Obermeyer
　The Rational Keyboard
　github - The Rational Keyboard