JavaScript如何實現(xiàn)人臉識別技術(shù)

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

在北塔等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供成都網(wǎng)站設(shè)計、成都網(wǎng)站制作 網(wǎng)站設(shè)計制作按需求定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都營銷網(wǎng)站建設(shè),外貿(mào)網(wǎng)站制作,北塔網(wǎng)站建設(shè)費用合理。

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

我找到的一個可以用于人臉識別的JavaScript程序包是Face Detection,它是由Jay Salvat和Liu Liu開發(fā)的。它是一個標準的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>

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

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

你還可以在檢測方法上加入事件回調(diào)函數(shù):

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

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

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

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

網(wǎng)站名稱:JavaScript如何實現(xiàn)人臉識別技術(shù)
網(wǎng)頁網(wǎng)址:http://bm7419.com/article14/pcgide.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計網(wǎng)站制作、標簽優(yōu)化、做網(wǎng)站、ChatGPT定制開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網(wǎng)站建設(shè)