更新记录

1.1.2（2023-01-04） 下载此版本

1. 修复在新版本 HBuilderX(3.6.15) 报错问题(ReferenceError: Can't find variable: typeot)
2. 更换 ES6 导入方式
3. 更新一维码开源库(Quagga 最新github地址)

1.1.1（2022-06-18） 下载此版本

1. 提高相机的清晰度
2. 增加识别错误判断
3. 对开源库的错误抓取，发生错误重新识别

1.0.3（2022-06-13） 下载此版本

1. 修改 Quagga 库导入方式，改为本地导入
2. 演示代码中添加商品码演示。默认一维码类型是 code_128_reader（企业码）

平台兼容性

插件简绍

实现原理

一维码识别功能使用的是Quagga这个库。调用摄像头使用的 navigator.mediaDevices.getUserMedia 这个H5的api。通过 video 和 canvas 把摄像头获取到的数据展现到页面上，同时调用监听Quagga解析。

使用环境

需要https环境才能使用，本地测试可以在 manifest.json 中点击源码展示，找到h5 ，添加："devServer" : { "https" : true}

请勿使用 UC浏览器 与 夸克等阿里旗下的浏览器，发现他们使用的内核都较低，无法正常获取视频流。在微信中可以正常使用，推荐在微信内打开演示案例

需要https环境才能使用！！！

需要https环境才能使用！！！

需要https环境才能使用！！！

打开闪光灯只有在安装chrome内核中可以使用。苹果设备上的浏览器全都是Webkit。

插件使用

插件已支持 uni_modules 支持组件easycom，以下代码演示的是普通使用

<!-- HTML -->
        <mumu-one-code @success='handlerSuccess' definition :readers='["code_128_reader"]'></mumu-one-code>

// js
    import MumuOneCode from '@/uni_modules/mumu-oneCode/components/mumu-oneCode/mumu-oneCode.vue'

    export default {
        components: { MumuOneCode },
        methods: {
            handlerSuccess(code) {
                uni.showModal({
                    content: code
                }).then(res => {
                    uni.navigateBack()
                })
            }
        }
    }

readers是一维码类型，需要更具实际需求填入。数组中可填多个，但是不推荐，因为不同类型中的一维码可能会被其他类型给解码出来，这样会导致解码不正确。具体类型规则可以百度。

• code_128_reader：企业内部常用，可带字母。一些电子产品类别的一维码就是这个编码
• ean_reader ：商品常用

相关API

可传属性（Props）

事件（Events）

案例演示

支持作者