引用前端实现很哇塞的浏览器端扫码功能🌟
体验地址 https://dragonir.github.io/h5-scan-qrcode
完整代码 https://github.com/dragonir/h5-scan-qrcode
兼容
❗ 即使使用了 adapter,getUserMedia API 在部分浏览器中也存在不支持的。
❗ 低版本浏览器(如 iOS 10.3 以下)、Android 小众浏览器(如 IQOO 自带浏览器)不兼容。
❗ QQ、微信 内置浏览器无法调用。
❗❗❗❗❗❗❗❗❗❗❗❗ 注意我自己写的时候遇到的问题 浏览器打开摄像头黑屏 原因是因为浏览器只信任https的地址,拒绝了http的打开请求(http://localhost:80/是允许的)具体解决方案 目前只有给浏览器添加信任名单具体 chrome在http协议下无法调用摄像头和麦克风的问题,ios 以及其他浏览器 还在研究 。