纯浏览器通过摄像头识别二维码

先把做好的demo发出来，demo功能是摄像头扫二维码，将解码出来的所有字符串列出：

纯浏览器通过摄像头识别二维码demo

支持摄像头的浏览器及版本较少，以下几款浏览器笔者试了一下是不支持的：

华为浏览器、百度应用、微信浏览器

所以笔者新下了一个Firefox浏览器，打开上面的demo，才算扫码成功。其他浏览器的支持版本网上有，这里不再赘述，搜一下getUserMedia即可。

识别效果：

以上是识别csdn的微信客服的效果，字符串较少，识别起来还是比较容易的，但是qq客服的字符串较多，不太好识别，10秒才识别出一个。

将二维码图片解析出来的js功能在网络上已存在，感谢万能的网络：

https://github.com/LazarSoft/jsqrcode

 

需要解决的就是浏览器使用摄像头获取二维码图片，整体代码如下：

整个demo打包下载地址：demo

 

转自：纯浏览器通过摄像头识别二维码-羽漂遥