搜尋
首頁web前端js教程JavaScript人臉辨識技術及臉部辨識JavaScript類別庫Tracking.js_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("<div&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類別庫Tracking.js

對Web開發者而言,開源的JavaScript庫Tracking.js正在使電腦視覺和擴增實境技術變得簡單, 使用它可以展示效果類似Kinect或Wii的體感應用,且該JavaScript庫體積小(~ 7k),非常輕量級,且介面簡潔。

Tracking.js 能夠在行動網路應用程式、桌面應用程式中運作,甚至可以和基於Node.js的伺服器進行配對。 它會為瀏覽器帶來電腦圖形學演算法和技術,其擁有功能:臉部辨識(某個特定的顏色時或人物/臉龐/身體出現移動的時候)、即時色彩追蹤。對於Web開發而言,以前需要透過C或C 的技術才能達到類似效果。而現在Traking.js提供了一個網頁元件,因此Web前端開發人員可以存取HTML標籤元件來實現類似功能,而無需了解JavaScript,這極大的簡化了網路開發。

Tracking.js包含一個色彩追蹤演算法和物件追蹤元件,它能使網頁瀏覽器辨識臉部及眼睛的變化。例如,Web前端還可以對於用這個功能來設定用戶頭像,對一些網站而言,這也是個很炫的功能;同時對跟踪的臉部數據和後台數據庫進行匹配,從而和反饋給用戶更多有用的數據。

目前,在GitHub上Tracking.js源碼工程已經被Fork了200次以上,8月份上旬,該JS庫已經升級為1.0版本。

以上內容就是跟大家分享的JavaScript人臉辨識技術及臉部辨識JavaScript類別庫Tracking.js,希望大家喜歡。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何在Windows上关闭人脸识别如何在Windows上关闭人脸识别Apr 29, 2023 am 11:13 AM

Windows计算机具有广泛而多样的安全功能,可保护用户免受外部威胁。面部识别和生物识别允许用户使用面容ID访问PC。但是,许多用户询问如何在Windows10/11中关闭人脸识别的原因有很多。因此,本指南将提供有关这方面的信息。为什么要在Windows10/11上禁用面部识别?WindowsPC上的面部识别功能非常足智多谋,同时使用起来可能很危险。以下是可能需要在电脑上禁用该功能的一些因素:威胁用户隐私–面部识别是一项出色的安全功能,似乎只能识别所有者的面部。但是,当用户无法访

PHP中如何进行人脸识别和图像处理应用开发?PHP中如何进行人脸识别和图像处理应用开发?May 13, 2023 am 08:18 AM

在当今数字化时代,图像处理技术已成为了一种必备的技能,而人脸识别技术则被广泛应用于各行各业。其中,PHP作为一门广泛应用于web开发的脚本语言,其在人脸识别和图像处理应用开发方面的技术初步成熟,而其开发工具和框架也在不断发展。本文将给大家介绍PHP中如何进行图像处理和人脸识别技术的应用开发。I.图像处理应用开发GD库GD库是PHP中非常重要的一个图像处理工

如何使用PHP进行AI人脸识别和图像分析?如何使用PHP进行AI人脸识别和图像分析?May 23, 2023 am 08:12 AM

人工智能技术在现代社会中扮演着越来越重要的角色,其中人脸识别和图像分析是最常见的应用之一。虽然Python是人工智能领域中最流行的编程语言之一,但是PHP作为一种在Web开发中广泛使用的语言,它也可以用于实现AI人脸识别和图像分析。本文将带您了解如何使用PHP进行AI人脸识别和图像分析。PHP框架和库要使用PHP实现AI人脸识别和图像分析,需要使用适当的框架

离线识别率高达 99% 的 Python 人脸识别系统,开源~离线识别率高达 99% 的 Python 人脸识别系统,开源~Apr 14, 2023 pm 02:55 PM

以往的人脸识别主要是包括人脸图像采集、人脸识别预处理、身份确认、身份查找等技术和系统。现在人脸识别已经慢慢延伸到了ADAS中的驾驶员检测、行人跟踪、甚至到了动态物体的跟踪。由此可以看出,人脸识别系统已经由简单的图像处理发展到了视频实时处理。而且算法已经由以前的Adaboots、PCA等传统的统计学方法转变为CNN、RCNN等深度学习及其变形的方法。现在也有相当一部分人开始研究3维人脸识别识别,这种项目目前也受到了学术界、工业界和国家的支持。首先看看现在的研究现状。如上的发展趋势可以知道,现在的主

使用Python与腾讯云接口对接,实现实时人脸识别与比对使用Python与腾讯云接口对接,实现实时人脸识别与比对Jul 05, 2023 pm 02:12 PM

标题:使用Python与腾讯云接口对接,实现实时人脸识别与比对摘要:本文将介绍如何使用Python编程语言与腾讯云的人脸识别接口对接,实现实时的人脸识别和比对功能。文章将会提供详细的代码示例,帮助读者理解和使用相关技术。引言随着人工智能和云计算的快速发展,人脸识别技术被广泛应用于各行各业。腾讯云提供了全球领先的人脸识别服务,通过简单的接口调用,我们可以在自己

PHP如何对接腾讯云人脸识别接口实现人脸比对功能PHP如何对接腾讯云人脸识别接口实现人脸比对功能Jul 05, 2023 pm 03:18 PM

PHP如何对接腾讯云人脸识别接口实现人脸比对功能随着人工智能技术的不断发展,人脸识别作为一种常用的生物特征识别技术,被广泛应用于各个领域。腾讯云提供了强大的人脸识别接口,可以实现人脸比对功能。本文将介绍PHP如何对接腾讯云人脸识别接口,并给出一些代码示例。首先,我们需要在腾讯云控制台申请人脸识别服务,并获取API密钥和API秘钥。获取方式如下:登录腾讯云官网

PHP中的人脸识别入门指南PHP中的人脸识别入门指南Jun 11, 2023 am 09:16 AM

随着科技的不断发展,人脸识别技术也越来越得到了广泛的应用。而在Web开发领域中,PHP是一种被广泛采用的技术,因此PHP中的人脸识别技术也备受关注。本文将介绍PHP中的人脸识别入门指南,帮助初学者快速掌握这一领域。一、什么是人脸识别技术人脸识别技术是一种基于计算机视觉技术的生物特征识别技术,其主要应用领域包括安防、金融、电商等。人脸识别技术的核心就是对人脸进

基于 AI 的四大人脸识别应用基于 AI 的四大人脸识别应用Apr 11, 2023 pm 07:49 PM

大约三十年前,面部识别应用程序的概念似乎是一个幻想。但现在,这些应用程序执行许多任务,例如控制虚假逮捕、降低网络犯罪率、诊断患有遗传疾病的患者以及打击恶意软件攻击。2019 年全球脸型分析仪市场价值 32 亿美元,预计到 2024 年底将以 16.6% 的复合年增长率增长。人脸识别软件有增长趋势,这一领域将提升整个数字和技术领域。如果您打算开发一款脸型应用程序以保持竞争优势,这里有一些最好的人脸识别应用程序的简要列表。优秀的人脸识别应用列表Luxand:Luxand人脸识别不仅仅是一个应用程序;

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具