最近のデジカメ、スマートフォンのカメラでは当たり前になっているのが顔認識機能です。その部分だけを明るく補正したり、画像を修正して遊ぶアプリもあります。こういった機能を実現するのにOpenCVというライブラリがよく使われています。 jQuery Face Detection Pluginはそんな顔認識機能をWeb上で手軽に実装できるライブラリになります。画像だけでなく動画からの検出も可能です。

jQuery Face Detection Pluginの使い方

認識前です。

認識処理後。複数の顔もばっちり認識しました。

動画から認識するパターン。

jQuery Face Detection PluginはjQueryプラグインなので使い方は簡単です。

$('#picture').faceDetection({
  complete: function (faces) {
    console.log(faces);
  }
});

この際、facesの中には認識された顔の位置情報が入ってきます。X/Yの他、幅や高さ、オフセット値などが入ってくるので、後は画像に重ねて線を引いたり、その部分に別な画像を載せるというのも簡単にできるでしょう。

jQuery Face Detection PluginはjQuery/JavaScript製、New BSD Licenseのオープンソース・ソフトウェアです。

jQuery Face Detection Plugin jaysalvat/jquery.facedetection