Détecter des visages grâce au Javascript

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.

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