移动设备上的HTML5 javascript图像识别

Question

我正在开始一个新项目，我需要在桌面浏览器、iOS 和 Android 上运行的浏览器应用程序中进行图像识别。应使用网络摄像头或设备摄像头扫描图像。所以我认为使用 HTML5 和 javascript 是正确的选择。唯一的问题是我找不到合适的库。我确实找到了通过像素阵列比较图像的库，以及可以进行面部跟踪之类的库，但乍一看没有一个能满足我的需求。

有人知道我如何才能最好地解决这个问题？

谢谢你。

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 项目使用 google images 来识别图像的内容： https://github.com/xc0d3rz/npm-imagerecognition

可能有助于解决您的部分问题。