Détecter des visages grâce au Javascript

Détecter des visages grâce au Javascript

Tags : Algorithme, JavaScript, Open-source, jQuery
Catégorie : Programmation
Mise en ligne : 17 Mai 2017 à 12:30

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

Démo

<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

<Laisser un commentaire/>

* Champs obligatoire

BaBeuloula

Posté le 18 Mai 2017 à 06:47

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

Julien G

Posté le 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 ?