quagga.js 这个要怎么玩

有个问题需要扫描条形码，我看到网上说用这个，这个要怎么用，只需要引入这个包就可以了吗，有人教我一下详细步骤吗

下载下来和你的页面放在一个目录里

编写如下代码：

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="vconsole.min.js"></script>
    <script src="quagga.js"></script>
</head>
<body>
    <div id="canvanCode"></div>
    <script>
        Quagga.init({
            inputStream : {
                name : "Live",
                type : "LiveStream",
                target: document.querySelector('#canvanCode')    // Or '#yourElement' (optional)
            },
            decoder : {
                readers : ["ean_reader",'code_39_reader'],
                debug: {
                    drawBoundingBox: false,
                    showFrequency: false,
                    drawScanline: false,
                    showPattern: false
                },
                multiple: false
            }
        }, function(err) {
            if (err) {
                console.log(err);
                return
            }
            console.log("Initialization finished. Ready to start");
            Quagga.start();

//            Quagga.onProcessed(function(data){
//                console.log(data)
//            })
            Quagga.onDetected(function(data){
                console.log(data)
                alert(data.codeResult.code)
            })
        });
    </script>
</body>
</html>

quagga.js 这个要 怎么玩

quagga.js 这个要怎么玩