タグ

web-workersとaudioに関するnsyeeのブックマーク (2)

  • 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のカメラは事前にカメラを使って良いか許可が必要だ

    JavaScript+WEBカメラでテルミン - 音の鳴るブログ
  • 良くない - 音の鳴るブログ

    http://mohayonao.herokuapp.com/d 時期を逸した感があるけど、ドッドドドリランドのやつにダウンロード機能をつけた。22.05KHz,15秒,ステレオのwavデータが取れる。WebWorkerを使ってバックグラウンドでwavdataを生成して、メインスレッドの側でデータへのリンク href="data:audio/wav;base64,"+btoa(wavdata) をつけているだけ。最初はWorker側で全部のデータをつくってpostMessageしていたけど、分割してpostMessageして最後にメインスレッド側で join するほうが早いっぽい。あと、あまり巨大なデータを処理しようとするとブラウザが死ぬ。どのくらいで死ぬかはたぶん環境によるのだろうけど、よく分からない。 右クリックで保存してくださいって出しているけど、拡張子も指定できないし何か辛い。クリ

    良くない - 音の鳴るブログ
  • 1