本文介绍了如何使用H5的navigator.getUserMedia方法结合video和canvas标签实现扫一扫功能。通过调用摄像头，实时截图并利用QRCodeAction解析二维码。该方法在电脑和安卓设备上兼容良好，但在iOS系统中可能不兼容。
H5实现扫一扫
在本案例主要利用H5自带的API navigator的getUserMedia方法获得摄像头，并通过createObjectURL将数据流复制给video标签的src。
Canvas标签只是图形容器，您必须使用脚本来绘制图形。此例中video标签容于画布内，当我们调起摄像头后，设置一个定时函数，定时调起context.drawImage()函数,将画布内的内容进行一个截图，以数据流的形式写入到文件图片中，QRCodeAction中对该图片进行解析。
1.JAR包下载：
该jar包已经集成QRCode的编码包和解码包。
2.主html面：（直接复制即可调起摄像头）
<!DOCTYPE html>
<html>
<head>
<meta charset="U
最低0.47元/天 解锁文章
扫一扫
1万+
到【灌水乐园】发言
