JavaScript+WEBカメラでテルミン

http://mohayonao.herokuapp.com/theremin

WebRTCを使えばJavaScriptからWebカメラとか使えるらしいので、自然の成り行きとしてテルミンを作ってみた。Google Chrome Canary buildで使える。

Google Chrome Canary buildじゃない人(普通のChrome, FireFoxを使っている人)にはFlash経由で動くやつを用意した。これは jQueryのプラグイン を使っている。ただし激重。

カメラを起動して右手で音程、左手で音量を操作できる。手の位置の検出はWebWorkerを使って行っている。RGBをHSVに変換してから各ピクセルごとに肌色判定して肌色の集まっているあたりが手だろうという超手抜き処理。

楽器としては致命的に反応が鈍い。悲しい。

Flashのカメラは事前にカメラを使って良いか許可が必要だけど、WebRTCは勝手に起動できる。良くないことに使える。