美文网首页
html5调用摄像头扫码研究

html5调用摄像头扫码研究

作者: 多关心老人 | 来源:发表于2020-12-24 09:29 被阅读0次

项目上需要在h5里调用手机的摄像头扫描二维码,github上有开源实现https://github.com/mebjas/html5-qrcode,目前最新的beta版本支持了二维码和条形码。
支持:获取手机摄像头;优先选择哪个摄像头;解析扫描到的二维码发回调;支持摄像头拍照解码和从图片里解码,这2个其实都是图片解码,准确率不是太高,同时摄像头拍的照片比较花、模糊。

调用手机摄像头必须在https环境下,否则获取不到摄像头。 扫描二维码必须对准拉近扫,条件比较苛刻,不如手机app上扫描灵活、精准。
手机浏览器兼容性也有问题,安卓上大多数手机浏览器是支持的,ios上safari支持,chrome竟然不支持(报错,没具体深入研究什么原因)。对企业用户来说可以指定安装某个浏览器,对于C端用户来说就不友好了。

相关文章

  • html5调用摄像头扫码研究

    项目上需要在h5里调用手机的摄像头扫描二维码,github上有开源实现https://github.com/meb...

  • uni-app摄像头扫码问题

    1. 官网扫码api说明 app端可直接调用api扫码(后置),前置扫码参考摄像头扫码功能封装 h5端不支持调用a...

  • 摄像头扫码功能封装

    (1) 第一版:实现前置摄像头扫码 index.vue中调用 (2) 第二版:实现前置或后置扫码 setting....

  • 【 Android 】Camera2 初探

    调用手机摄像头,在当今的众多 App 中都有使用,比如:拍照、扫二维码等。 本篇文章将实现:调用系统相机进行拍照,...

  • SUNMI

    SUMIN扫码和打印总结 1 调用扫码驱动 1 调用sumins驱动代码如下: 2 扫码完毕后我们直接走的方法是o...

  • H5混合开发二维码扫描以及调用本地摄像头

    今天主管给了我个需求,说要用混合开发,用H5调用本地摄像头进行扫描二维码,我之前有做过原生安卓的二维码扫一扫,主要...

  • 前端面试每日 3+1 —— 第161天

    今天的知识点 (2019.09.24) —— 第161天 [html] HTML5如何调用摄像头? [css] 举...

  • ASP.NET MVC做的微信WEBAPP中调用微信JSSDK扫

    今天做一个项目,是在微信上用的,微信WEB APP,里面用到了调用手机摄像头扫一扫二维码的功能,记得以前某个项目里...

  • web/html5。 Vue识别二维码进行跳转

    我也是第一次做html5调用摄像头识别二维码这种,那就废话不多说开始吧经过各种查阅发现了一个纯前端的解析二维码的一...

  • Android onActivityResult 不调用

    简单记录一下,可能写的有点乱。开发需求fragment中调用了fragment类型的弹窗,弹窗里面调用了扫码,扫码...

网友评论

      本文标题:html5调用摄像头扫码研究

      本文链接:https://www.haomeiwen.com/subject/fcwpnktx.html