JavaScript如何實現人臉識別技術

這篇文章將為大家詳細講解有關JavaScript如何實現人臉識別技術，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

我一直對人工智能識別技術非常感興趣，因為我無法想象這究竟是一種什么樣的算法，什么樣的分析過程。無論是聲音識別、人臉識別或其它種識別，人們的外貌、說話的方式都是如此不同，一種圖片你可以用不同的方式、從不同的角度拍攝，我不能理解這些識別技術是如何做到的。因為之前已經介紹了JavaScript裸體識別技術，還有個叫做“面具”的游戲也使用了這種識別技術，我想對于臉部識別技術也應該研究一下。Facebook使用了這種技術，在手勢控制中也能用到它，所以，你網站上也會有應用的地方。

我找到的一個可以用于人臉識別的JavaScript程序包是Face Detection，它是由Jay Salvat和Liu Liu開發的。它是一個標準的jQuery插件，通過對提供的圖片進行分析，返回所有找到的臉部圖像的坐標。下面我們來看看它是如何使用的！

jQuery.faceDetection

使用Face Detection這個jQuery plugin，你需要引入四個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>

這個臉部識別插件的頭兩個文件里是它的各種功能性程序，通過它們能得到一個數組對象，這些對象里存儲的就是圖片里的臉部坐標信息。下面是一個例子：

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,
	}
*/

你還可以在檢測方法上加入事件回調函數：

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

對于識別出的臉部信息，你可以做任何的處理東西。你可以在圖片中臉部的位置畫出框線：

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);
		});
	}
});

這很簡單，當然你可以做復雜的處理，比如說提取出來。

我用了各種圖片進行臉部識別嘗試，正如我預想到的，結果并不是很完美。但不管怎樣，還是相當不錯的。這是一個很簡單的腳本技術，而且沒有任何技術是十全十美的。這個臉部識別插件并不具有臉部比較功能，你需要用其它方法并提供面部特征信息實現此功能。總之，相當不錯，強烈建議你試一下。

關于JavaScript如何實現人臉識別技術就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。