無限壁破り駆動開発 <colspan=∞>

テーマは北海道, オープンデータ, Web技術, HTML5, d3.js, カメラ, 韓国語, Javascript, Ruby, Python

Webカメラ映像から人を消す

Webカメラ映像から人を消すJavascriptを実装しました。 @yabuki様の「風景から歩行者を消す手軽な方法」に発想を得て作成した物です。

カメラへのアクセスを許可するとWebカメラ映像から人を消すスクリプトが発動します。

実装のポイントは以下の通りです。

  1. WebRTCでWebカメラ映像取得する
  2. ピクセル単位のアクセスをしたいので、Webカメラ映像のバッファを不可視なCanvasに落とし込む
  3. Canvasのピクセルの平均値を計算する(全部の値は持っていられないので逐次更新する平均値とした)
  4. 平均値の計算結果を可視なCanvasに描画する

詳しくは下記ソースをご参照ください。

ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化

ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化

HTML5 Canvas

HTML5 Canvas