videoタグで動画を埋め込めるのと、 そのソースをJavaScriptを使ってWebカメラから取得できるらしいのでやってみた。 ※すでに検索するといっぱい引っかかるのでいまさら感はあるけど。 対応してないブラウザも多いみたいで、 とりあえずChromeの最新版で動くことは確認できた。 実際に動くのを一番下に貼り付けておく。 動かすためには以下が必要。 ・最新のChromeで「chrome://flags/」にアクセスして 「<video> 要素で Media Source API を有効にする」を有効にする ・カメラの使用許可を聞かれたら「許可」を選択 [やっていること] ソースのコメント通り。 ・jQueryでHTMLから必要な要素を選択しておく ・Webカメラからのストリームを取得 →成功すればvideoタグのソースに設定 →失敗すればエラー表示 ・定周期でvideoの中身をc