移動設備上的 HTML5 javascript 圖像識別

Question

我正在開始一個新項目，我需要在桌面瀏覽器、iOS 和 Android 上運行的瀏覽器應用程序中進行圖像識別。 應使用網絡攝像頭或設備攝像頭掃描圖像。 所以我假設使用帶有javascript的HTML5是要走的路。 唯一的問題是我找不到合適的圖書館。 我確實找到了按像素陣列比較圖像的庫，以及可以進行面部跟蹤和其他東西的庫，但沒有一個能滿足我的需求。

有誰知道我怎樣才能最好地解決這個問題？

謝謝你。

Answer 1

您首先需要找到如何將本地圖片導入網站上的畫布元素的解決方案。 您可以先將它們上傳到服務器，或者（如果您想使用來自網絡攝像頭的實時圖片），您可以使用這個 jQuery 插件： http ://www.xarg.org/project/jquery-webcam-plugin/ 它使用了一些Flash，但據我所知，沒有其他方法可以輕松地將網絡攝像頭圖片輸入瀏覽器。

從畫布元素中，您可以將圖片讀入像素數組，然后使用現有庫（可能將它們轉碼為 javascript）來做任何您喜歡的事情。

Answer 2

還有另一個更新的（沒有 JQuery）庫可用於將網絡攝像頭內容流式傳輸到畫布中。

http://cbrandolino.github.io/camvas/

在 HTML5 中，您絕對可以通過 JavaScript 進行一些瀏覽器檢測，這里有一些有用的鏈接：

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

Answer 3

這個小的 javascript 項目使用 google 圖像來識別圖像的內容： https ://github.com/xc0d3rz/npm-imagerecognition

可能有助於解決您的部分問題。