为了账号安全,请及时绑定邮箱和手机立即绑定

quaggajs扫码功能在iphone设备不显示

最近项目需要引用扫条形码的需求,所以度娘了一下发现quaggajs比较好用,于是拿下来按照官方的文档配置运行。

但是后来上线测试发现ios不能打开摄像头,一打开就是黑屏,也没有提示说启用摄像头。

于是用前端最原始的方式,就是先用最简单的,用官方的demo,结果发现官方的其实也不行。

去StackOverflow搜索一下,结果发现很多人遇到这个情况,官方的github的issue也有很多人反馈。而且解决办法无非就是在video属性中加上autoplay,playsInline,muted这三个属性。如果用单页面去测试video是否兼容,在ios里面是没有问题的。但是代码到了quaggajs就不行,官方文档也说已经修复这个问题,也是上面的3个属性。

那究竟问题出现在哪里呢?

于是就运用前端在手机端的调试利器alert,结果发现原来有报错。代码如下:
图片描述

上面的代码官方有demo,所以不多说,主要的问题出现在constraints里面的参数,不能有width和height。如果有width,height,那么回调的时候alert(err)直接说constraints的参数错误,于是把width,height删除,问题解决。

这个问题具体是什么原因导致的,望各位大神看源码指点一下。

代码地址:https://codepen.io/cssjidi/pen/xpWmPV

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 1
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消