ブラウザ上でプレビューを表示せずにカメラキャプチャする方法 - Qiita

javascript を使うとウェブブラウザからカメラにアクセスして画像をキャプチャできる。が、多くのサンプルプログラムではプレビュー表示（カメラから取り込んだままの画像の表示）があったり、さらにその画像を取り込むためのキャンバスエリアがあったりするので、画面のレイアウト上で問題になることがある（なにか悪い目的で使うわけではない。ブラウザ上に必ず警告なりアイコンなりが出るし）。では、プレビュー表示なしにキャプチャができるか？というと、出来ますという話。 ポイント <video> タグの領域を隠すのに css で display: none を指定する そうすると画像が取り込まれなくなる（画像が更新されなくなる）ブラウザがあるので、play() を呼び出す 画像の取り出しのための canvas は createElement() で作成するが appendChild() しない 具体的には以