動画から目や鼻の位置を取得して顔がどの方向を向いているかを調べる顔向き推定を、ブラウザ上でリアルタイムに行ってみます。 顔向き推定までの流れは大きく 4 つのステップに分けられます。 web カメラから映像を取得する映像から顔のランドマークの座標を取得するランドマーク座標からカメラの回転・移動ベクトルを計算する回転・移動ベクトルから顔の向いている角度を計算する注意:以下のサンプルコードはエラー処理などを省略しています。また OpenCV.js の変数は手動で削除する必要があります。 const imagePoints = cv.Mat.zeros(rows, 2, cv.CV_64FC1); ... imagePoints.delete(); webカメラからvideo取得MediaDevices.getUserMedia() を使うとブラウザ上で web カメラの映像を扱うことができます
![webカメラとOpenCV.jsとブラウザでリアルタイム顔向き推定を行う](https://cdn-ak-scissors.b.st-hatena.com/image/square/ada0e51136403e1b687d32f35057e9c50871d79b/height=288;version=1;width=512/https%3A%2F%2Fblog.mahoroi.com%2Fstatic%2Fef2d9ac64fdfe929884a92a0a0a755e6%2F5a190%2Fogp.png)