您现在的位置是：网站首页> 编程资料编程资料

HTML5混合开发二维码扫描以及调用本地摄像头Html5调用手机摄像头并实现人脸识别的实现html5调用摄像头功能的实现代码HTML5调用手机摄像头拍照的实现思路及代码HTML5 Canvas+JS控制电脑或手机上的摄像头实例html5调用摄像头实例代码

2023-10-16 277人已围观

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

今天主管给了我个需求,说要用混合开发,用H5调用本地摄像头进行扫描二维码,我之前有做过原生安卓的二维码扫一扫,主要是通过调用zxing插件进行操作的，其中还弄了个闪光灯.但是纯H5的没接触过,心里没底,于是晚上回家开始网上各处找方案.以下是我对于H5扫描二维码以及调用本地摄像头的理解以及代码.

科普网址:

H5如何生成安卓组件对象
H5调用安卓本地摄像头api
在线二维码图片生成器

二维码扫描:(使用的是mui的框架,下面是html代码)

H5webapp二维码扫描
从相册选择二维码
取　 消

下面是包结构:开发工具是hbuilder

mui.plusReady函数主要是初始化作用

startRecognize()是开启扫描二维码的功能

onerror是错误提示

onmarked是重点，是二维码扫描后的回调函数，type是二维码识别类型，result是二维码回调的内容

scanPicture()可以直接识别本地的二维码图片并进行解析

H5调用本地摄像头

mui.init();是mui框架初始化

getCamera()方法是先生成camera对象，然后进行拍照，拍照完把图片生成图片路径打印出来

总结

以上所述是小编给大家介绍的HTML5混合开发二维码扫描以及调用本地摄像头，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！