Parlons de la technologie de reconnaissance faciale JavaScript

J'ai toujours été très intéressé par la technologie de reconnaissance de l'intelligence artificielle, car je ne peux pas imaginer de quel type d'algorithme il s'agit et de quel type de processus d'analyse il s'agit. Qu'il s'agisse de la reconnaissance vocale, de la reconnaissance faciale ou d'autres types de reconnaissance, l'apparence des gens et la façon dont ils parlent sont si différents. Vous pouvez prendre une photo de différentes manières et sous différents angles. Je ne comprends pas comment fonctionnent ces technologies de reconnaissance. Étant donné que la technologie JavaScript de reconnaissance nue a déjà été introduite et qu'un jeu appelé « Mask » utilise également cette technologie de reconnaissance, je pense que la technologie de reconnaissance faciale devrait également être étudiée. Facebook utilise cette technologie, et elle peut également être utilisée dans les contrôles gestuels, il y aura donc une place pour elle sur votre site Web.

Un package JavaScript que j'ai trouvé et qui peut être utilisé pour la reconnaissance faciale est Face Detection, qui a été développé par Jay Salvat et Liu Liu. Il s'agit d'un plugin jQuery standard qui analyse l'image fournie et renvoie les coordonnées de toutes les images de visage trouvées. Voyons comment il est utilisé !

jQuery.faceDetection

Pour utiliser le plugin jQuery de détection de visage, vous devez introduire quatre fichiers js :

<script src="jquery-1.4.3.min.js"></script>

<!-- mas js -->
<script src="facedetection/ccv.js"></script>
<script src="facedetection/face.js"></script>
<script src="jquery.facedetection.js"></script>

Les deux premiers fichiers de ce plugin de reconnaissance faciale sont Divers fonctionnels programmes, grâce auxquels vous pouvez obtenir un objet tableau, qui stocke les informations de coordonnées faciales dans l'image. Voici un exemple :

var coords = jQuery("#myImage").faceDetection();
/* 返回：
	{
		x: 525
		y: 435,
		width: 144,
		height: 144,
		positionX: 532.6353328125226,
		positionY: 443.240976080536,
		offsetX: 532.6353328125226,
		offsetY: 443.240976080536,
		confidence: 12.93120119,
		neighbour: undefined,
	}
*/

Vous pouvez également ajouter une fonction de rappel d'événement à la méthode de détection :

var coords = jQuery("#myImage").faceDetection({
	complete: function(image, coords) {
		// Do something
	},
	error: function() {
		console.warn("无法分析图片");
	}
});

Vous pouvez effectuer n'importe quel traitement pour les informations faciales reconnues. Vous pouvez dessiner un cadre autour du visage sur l'image :

jQuery("img").each(function() {
	var img = this;
	// 获取脸部坐标
	var coordinates = jQuery(img).faceDetection();
	// 在脸上画出框线
	if(coordinates.length) {
		coordinates.forEach(function(coord) {
			jQuery("<p&gt", {
				css: {
					position: "absolute",
					left: coord.positionX + 5 + "px",
					top: coord.positionY + 5 + "px",
					width: coord.width + "px",
					height: coord.height + "px",
					border: "3px solid white"
				}
			}).appendTo(img.parentNode);
		});
	}
});

C'est très simple, bien sûr vous pouvez faire des traitements complexes, comme une extraction.

J'ai utilisé diverses images pour essayer la reconnaissance faciale, et comme je m'y attendais, les résultats n'étaient pas parfaits. Mais peu importe, ça reste plutôt bien. Il s’agit d’une technique de script très simple et aucune technique n’est parfaite. Ce plug-in de reconnaissance faciale n'a pas de fonction de comparaison de visages. Vous devez utiliser d'autres méthodes et fournir des informations sur les caractéristiques du visage pour obtenir cette fonction. Dans l'ensemble, c'est plutôt bien et je vous recommande vivement de l'essayer.

Recommandations d'apprentissage associées : Tutoriel vidéo javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!