札幌Web制作のシンクグラフィカ

HTML5のgetUserMediaを使ってWebカメラからスナップショットとコメントを送る仕組み。

仕組みはWebカメラへのアクセスが許可された場合、WebカメラのUserMediaStreamをVideoタグに流して、送信ボタンが押された際にcanvasにstreamをレンダリングして、canvasのtoDataURLをformからpostする仕組みになっています。デモでは私にメールで画像が届くようになっています。

ぜひデモから和田にスナップショットを送ろう！

デモ