我开始了一个新的项目,我需要在桌面浏览器,iOS和Android上运行的浏览器应用程序中有图像识别。应使用网络摄像头或设备摄像头扫描图像。所以我认为使用HTML5和JavaScript是正确的方法。唯一的问题是我找不到一个像样的图书馆。我确实找到了通过像素阵列比较图像的库,以及可以进行面部跟踪等操作的库,但没有一个能满足我的需求。
有谁知道如何才能更好地解决这个问题?
谢谢你。
我开始了一个新的项目,我需要在桌面浏览器,iOS和Android上运行的浏览器应用程序中有图像识别。应使用网络摄像头或设备摄像头扫描图像。所以我认为使用HTML5和JavaScript是正确的方法。唯一的问题是我找不到一个像样的图书馆。我确实找到了通过像素阵列比较图像的库,以及可以进行面部跟踪等操作的库,但没有一个能满足我的需求。
有谁知道如何才能更好地解决这个问题?
谢谢你。
3条答案
按热度按时间tag5nh1u1#
你首先需要找到一个解决方案,如何将本Map片导入到网站上的画布元素中。你可以先上传到服务器,或者(如果你想使用来自网络摄像头的实时图片),你可以使用这个jQuery插件:http://www.xarg.org/project/jquery-webcam-plugin/它使用一些Flash,但据我所知,没有其他方法可以轻松地将网络摄像头图片导入浏览器。
从canvas元素中,你可以将图片读入像素数组,然后使用现有的库(可能将它们转码为javascript)来做任何你喜欢的事情。
avkwfej42#
还有另一个更新的(没有JQuery)库可用于将网络摄像头内容流到画布中。
http://cbrandolino.github.io/camvas/
在HTML5中,你绝对可以通过JavaScript和一些浏览器检测来完成,这里有一些有用的链接:
http://www.html5rocks.com/en/tutorials/getusermedia/intro/
kr98yfug3#
这个小JavaScript项目使用Google Images来识别图像的内容:https://github.com/xc0d3rz/npm-imagerecognition
或许能帮你解决一部分问题。