手機上的HTML5 javascript圖像識別

Question

我開始一個新項目，我需要在桌面瀏覽器，iOS和Android上運行的瀏覽器應用程序中進行圖像識別。應使用網絡攝像頭或設備照相機掃描圖像。所以我假設使用HTML5與JavaScript是要走的路。唯一的問題是，我找不到一個像樣的圖書館。我確實找到了可以通過pixelarrays比較圖像的庫，以及可以執行面部跟蹤和素材的庫，但沒有一個適合我的需求。

任何人都知道我可以如何最好地解決這個問題？

謝謝。

Answer 1

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

從canvas元素中，您可以將圖片讀取到像素數組中，然後使用現有的庫（可能會將它們轉換爲javascript）來執行您喜歡的任何操作。

Answer 2

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

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

在HTML5中，你絕對可以用位瀏覽器的檢測做通過JavaScript，這裏有一些有用的鏈接：

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

Answer 3

這一點的JavaScript項目中使用谷歌圖像識別圖片內容： https://github.com/xc0d3rz/npm-imagerecognition

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