手机上的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

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