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

HTML5 javascript image recognition on mobile

本文关键字:HTML5 javascript 图像识别 移动      更新时间:2023-09-26

我正在启动一个新项目,我需要在桌面浏览器、iOS和Android上运行的浏览器应用程序中进行图像识别。应使用网络摄像头或设备摄像头扫描图像。因此,我认为将HTML5与javascript结合使用是可行的。唯一的问题是我找不到一个像样的图书馆。我确实找到了可以通过像素阵列比较图像的库,以及可以进行人脸跟踪之类的库,但没有一个一眼就能满足我的需求。

有人知道我怎样才能最好地解决这个问题吗?

谢谢。

您首先需要找到一个如何将本地图片导入网站画布元素的解决方案。你可以先把它们上传到服务器,或者(如果你想使用网络摄像头的实时图片),你可以使用这个jQuery插件:http://www.xarg.org/project/jquery-webcam-plugin/它使用了一些Flash,但据我所知,没有其他方法可以轻松地将网络摄像头的图片输入浏览器。

从canvas元素中,您可以将图片读取到像素阵列中,然后使用现有的库(可能将它们转码为javascript)来做任何您喜欢的事情。

还有另一个更新的(没有JQuery)库可用于将网络摄像头内容流式传输到画布中。

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

在HTML5中,你肯定可以通过JavaScript进行浏览器检测,这里有一些有用的链接:

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

这个小javascript项目使用谷歌图像来识别图像的内容:https://github.com/xc0d3rz/npm-imagerecognition

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