Détecter des visages grâce au Javascript

17 Mai 2017 à 12:30 Programmation

Je ne publierai plus rien sur ce blog. Un nouveau blog existe maintenant. Il se nomme Hardly Smart.

Vous pourrez y retrouver des astuces plus larges sur l'informatique ainsi que mes anciens billets de blog.

Je vous souhaite une bonne lecture sur Hardly Smart.


Le développeur Jay Salvat a développé un plugin jQuery qui permet de détecter les visages sur des images et des vidéos.

jQuery face detection

Une fois les visages reconnus, le plugin vous retourne un tableau d'objets avec les informations suivantes :

  • x - Coordonnée X du visage
  • y - Coordonnée Y du visage
  • width - Largeur du visage
  • height - Hauteur du visage
  • positionX - Position X par rapport au document
  • positionY - Position Y par rapport au document
  • offsetX - Position X par rapport au parent
  • offsetY - Position Y par rapport au parent
  • scaleX - Ratio de la largeur entre l'image originale et l'image affichée
  • scaleY - Ratio de la hauteur entre l'image originale et l'image affichée
  • confidence - Niveau de confiance

Pour les informations un peu plus techniques et si vous savez lire le Chinois, le plugin est basé sur l'algorithme de Liu Liu.

Il existe pour Bower :

bower install jquery.facedetection

Et aussi pour NPM :

npm install jquery.facedetection

Demo

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="path/to/dist/jquery.facedetection.min.js"></script> 

<img id="picture" src="img/face.jpg">

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

Et si vous souhaitez le voir en action : http://facedetection.jaysalvat.com/

Source

Le code source est disponible sur Github ici : https://github.com/jaysalvat/jquery.facedetection

Articles liés

Les commentaires ont été désactivés.

2 commentaires

Julien G 17 Mai 2017 à 23:42

Vraiment dingue de ce dire que ce genre de technologie est désormais simplement accessible via un simple plugin jQuery. Un peu effrayant aussi ^^

Petite question technique cela dit, tu l'as testé dans quelles conditions ? C'est lourd comment ?

BaBeuloula 18 Mai 2017 à 06:47

Je l'ai testé qu'en local, j'ai pas eu de projets où je pouvais l'exploiter