如何使用幾行 JavaScript 代碼輕松構(gòu)建計(jì)算機(jī)視覺應(yīng)用程序,?
近年來(lái),,計(jì)算機(jī)視覺一直都是熱門話題,,造就了無(wú)數(shù)好的應(yīng)用程序,。得益于專門開發(fā)人員的努力,,利用計(jì)算機(jī)視覺創(chuàng)建應(yīng)用程序不再是難事,。事實(shí)上,,你可以用幾行 JavaScript 代碼構(gòu)建很多應(yīng)用程序,。本文介紹了其中的一些。
1. TensorFlow.js
作為最大的機(jī)器學(xué)習(xí)框架之一,,TensorFlow 允許使用 TensorFlow.js 創(chuàng)建 Node.js 和前端 JavaScript 應(yīng)用程序,。下面的demo 使用一系列圖像來(lái)匹配人物姿勢(shì)。TensorFlow 還擁有一個(gè) playground,,用戶可以借此得到更好的神經(jīng)網(wǎng)絡(luò)可視化,,很適合教育目的。
Tensorflow.js 的「移動(dòng)鏡子」演示,。
2. Amazon Rekognition
Amazon Rekognition 是一款基于云的強(qiáng)大工具,。不過(guò),它也在瀏覽器中提供 JavaScript SDK(參見:https://aws.amazon.com/cn/sdk-for-browser/),。以下圖片展示了使用該工具進(jìn)行人臉檢測(cè)的細(xì)節(jié),。
Amazon Rekognition API 的人臉特征檢測(cè)。
3. OpenCV.js
作為最古老的計(jì)算機(jī)視覺框架之一,,OpenCV 已經(jīng)為計(jì)算機(jī)視覺領(lǐng)域的開發(fā)人員提供很長(zhǎng)時(shí)間的服務(wù)了,。OpenCV 也有 JavaScript 版本,使開發(fā)人員可在網(wǎng)站上進(jìn)行人臉特征檢測(cè)。
OpenCV 的人臉檢測(cè)示例,。(圖源:https://dzone.com/articles/face-detection-using-html5)
4. tracking.js
如果你只想構(gòu)建一個(gè)快速人臉檢測(cè)應(yīng)用程序(如網(wǎng)頁(yè)版 snapchat filter),,那你應(yīng)該考慮一下 tracking.js。它的設(shè)置非常簡(jiǎn)單,,可以實(shí)現(xiàn)人臉檢測(cè)和 JavaScript 的集成,。作者還寫了關(guān)于 tracking.js 框架的指南,參見:https://medium.freecodecamp.org/how-to-drop-leprechaun-hats-into-your-website-with-computer-vision-b0d115a0f1ad,。
tracking.js 的人臉檢測(cè)示例,。
5. WebGazer.js
無(wú)論你是嘗試進(jìn)行用戶體驗(yàn)研究亦或?yàn)槟愕挠螒蚧蚓W(wǎng)站創(chuàng)建新型交互系統(tǒng),WebGazer.js 都是一個(gè)很好的開始,。借助攝像頭輸入,,這一功能強(qiáng)大的框架可使應(yīng)用程序獲知用戶正在看什么。
WebGazer.js 的視線跟蹤示例,。
6. three.ar.js
three.ar.js 框架來(lái)自 Google,,它將 ARCore 的功能擴(kuò)展至前端 JavaScript。three.ar.js 框架允許將表面檢測(cè)和目標(biāo)檢測(cè)整合進(jìn)瀏覽器,,是 AR 游戲的完美工具,。
three.ar.js demo
原文鏈接:https://medium.freecodecamp.org/computer-vision-js-frameworks-you-need-to-know-b233996103ce