Updates

camera.html

@@ -13,25 +13,25 @@
     <video id="video" autoplay></video>
 
     <script src="./lib/vconsole.min.js"></script>
-        <script src="./index.aio.min.js"></script>
+    <script src="./index.min.js"></script>
     <script type="text/javascript">
       var vConsole = new VConsole();
-            console.log("Hello world");
+      console.log('Hello world');
       function main() {
         var qr = new QrcodeDecoder();
-                var video = document.querySelector("#video");
+        var video = document.querySelector('#video');
-                var start = document.querySelector("#start");
+        var start = document.querySelector('#start');
-                var stop = document.querySelector("#stop");
+        var stop = document.querySelector('#stop');
-                var result = document.querySelector("#result");
+        var result = document.querySelector('#result');
         async function startScan() {
           if (!qr.isCanvasSupported()) {
             alert("Your browser doesn't match the required specs.");
-                        throw new Error("Canvas and getUserMedia are required");
+            throw new Error('Canvas and getUserMedia are required');
           }
 
           let code = await qr.decodeFromCamera(video);
-                    console.log("code", code);
+          console.log('code', code);
-                    result.innerText = "Result: " + code.data;
+          result.innerText = 'Result: ' + code.data;
         }
         start.onclick = startScan;
 

image.html

@@ -20,18 +20,19 @@
       <span id="result2"></span><br />
     </section>
     <script src="./lib/vconsole.min.js"></script>
-        <script src="./index.aio.min.js"></script>
+    <script src="./index.min.js"></script>
+    <script src="./index.min.js"></script>
     <script type="module">
       var vConsole = new VConsole();
-            console.log("Hello world");
+      console.log('Hello world');
       function main() {
         var qr = new QrcodeDecoder();
 
-                var btn1 = document.querySelector("button#decode1");
+        var btn1 = document.querySelector('button#decode1');
-                var btn2 = document.querySelector("button#decode2");
+        var btn2 = document.querySelector('button#decode2');
-                var result1 = document.querySelector("#result1");
+        var result1 = document.querySelector('#result1');
-                var result2 = document.querySelector("#result2");
+        var result2 = document.querySelector('#result2');
-                var img = document.querySelector("img");
+        var img = document.querySelector('img');
 
         btn1.onclick = async () => {
           // you can also decode from image path
@@ -45,10 +46,10 @@
           // you can also decode from image path
           // const code = await qr.decodeFromImage('./assets/qrcode.png');
           const code = await qr.decodeFromImage(
-                        "https://yugasun.com/static/wechat.jpg",
+            'https://yugasun.com/static/wechat.jpg',
             {
-                            crossOrigin: "anonymous"
+              crossOrigin: 'anonymous',
-                        }
+            },
           );
           console.log(code);
           result2.innerText = code.data;

video.html

@@ -12,15 +12,15 @@
 
     <video src="./assets/qrcode-video.mp4"></video>
     <script src="./lib/vconsole.min.js"></script>
-        <script src="./index.aio.min.js"></script>
+    <script src="./index.min.js"></script>
     <script type="text/javascript">
       var vConsole = new VConsole();
-            console.log("Hello world");
+      console.log('Hello world');
       function main() {
-                var video = document.querySelector("video");
+        var video = document.querySelector('video');
-                var result = document.querySelector("#result");
+        var result = document.querySelector('#result');
-                var start = document.querySelector("#start");
+        var start = document.querySelector('#start');
-                var stop = document.querySelector("#stop");
+        var stop = document.querySelector('#stop');
         var qr = new QrcodeDecoder();
 
         start.onclick = startScan;
@@ -33,8 +33,8 @@
         async function startScan() {
           video.play();
           const code = await qr.decodeFromVideo(video);
-                    console.log("code", code);
+          console.log('code', code);
-                    result.innerText = "Result: " + code.data;
+          result.innerText = 'Result: ' + code.data;
         }
       }
       main();