如何使用幾行 JavaScript 代碼輕松構(gòu)建計(jì)算機(jī)視覺(jué)應(yīng)用程序？

近年來(lái)，計(jì)算機(jī)視覺(jué)一直都是熱門(mén)話題，造就了無(wú)數(shù)好的應(yīng)用程序。得益于專門(mén)開(kāi)發(fā)人員的努力，利用計(jì)算機(jī)視覺(jué)創(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（參見(jiàn)：https://aws.amazon.com/cn/sdk-for-browser/）。以下圖片展示了使用該工具進(jìn)行人臉檢測(cè)的細(xì)節(jié)。

Amazon Rekognition API 的人臉特征檢測(cè)。

3. OpenCV.js

作為最古老的計(jì)算機(jī)視覺(jué)框架之一，OpenCV 已經(jīng)為計(jì)算機(jī)視覺(jué)領(lǐng)域的開(kāi)發(fā)人員提供很長(zhǎng)時(shí)間的服務(wù)了。OpenCV 也有 JavaScript 版本，使開(kāi)發(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 的集成。作者還寫(xiě)了關(guān)于 tracking.js 框架的指南，參見(jiàn)：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è)很好的開(kāi)始。借助攝像頭輸入，這一功能強(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