温泉と酒と子育てパパ日記 旅に行くメン

趣味のこと 2021年8月6日

face-api.jsとWebカメラでJSの勉強

◯jsでWebカメラを操作できる
navigator.mediaDevices.getUserMedia

◯jsで顔認識できるface-api.js

face-apiは、笑顔や驚き・悲しい・自然の表情など配列で数字のレベルで取得可能。

こちらの2つを使って一定のレベルの笑顔の表情になれば自動で撮影するという
内容のWebアプリを作ってみた。

また同時に複数の顔認識できる為、人数分の合計平均値から
認識された人が同時に笑顔になれば撮影できるようにもオプション追加。

細かいソースは素人に気の生えた程度なので、色々不具合、またデバイス確認してませんが、mac Chrome・Safari・iOS Safariでは、なんとか動くまでは作りました。

◯スマイルカメラ
https://tabini-ikumen.com/face

  1. 前の日記です
  2. 次の日記です