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
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
2 commentaires
BaBeuloula
18 Mai 2017 à 06:47
Je l'ai testé qu'en local, j'ai pas eu de projets où je pouvais l'exploiter
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 ?