Webカメラの映像を解析(?)することがあったので、その工程をざっくりとまとめてみる。 内容をいっきに書き出すと長くなる予感がするので、今回はタイトルの通り「Webカメラの映像をcanvasに表示させる」まで。 次回は「canvasに表示されている映像(画像)の色の判別する」。 日本語、英語ともに語彙力が乏しいので、優しく見守ってくれると嬉しい…。 やること Webカメラの映像をvideo要素に表示させる。 video要素に表示されている映像をcanvasに表示させる。 Webカメラの映像をvideo要素に表示させる htmlにvideoタグを直書きしてもよいが、個人的な趣味嗜好でjsで管理する。 const cameraSize = { w: 360, h: 240 }; const resolution = { w: 1080, h: 720 }; let video; let med