LINEで送る
Pocket

本日Chromeのバージョン21がリリースされ、getUserMediaが実装されたようです。
getUserMediaを使うと、javascriptを使ってカメラにアクセスできるようなので、やってみました。

参考にしたページは以下
getUserMedia API

このページを読んでいるかたならソースを見れば大体理解できると思いますので、ポイントだけ説明します。

1.navigator.getUserMedia()の入力ソースへvideoを指定する。
※ビデオなら”video”, ビデオと音声なら”video,audio”を指定します。

2.video.srcへカメラのリソースをセットする。
createObjectURLの説明は下記あたりを読んで下さい。
createObjectURLとは何か?

3.キャプチャーの動作
video -> canvas -> img の流れで出力しているだけです。

サンプルを置いているのでご自由に持って行って下さい。
サンプルページ