update to 8.8.7

Tom-Dynamsoft · Tom-Dynamsoft · commit f25bebbc9dae · 2022-01-27T15:36:32.000+08:00
diff --git a/1.hello-world/12.read-video-webpack/src/index.js b/1.hello-world/12.read-video-webpack/src/index.js
@@ -9,7 +9,7 @@ import DBR from "dynamsoft-javascript-barcode";
 /* When using your own license, uncomment the following line and specify your Organization ID. */
 
 Dynamsoft.DBR.organizationID = "200000";
-        Dynamsoft.DBR.handshakeCode = "200000-dbr_js_samples";
+Dynamsoft.DBR.handshakeCode = "200000-dbr_js_samples";
 
 /* If you don't have a license yet, you can request a trial on this page: https://www.dynamsoft.com/customer/license/trialLicense?product=dbr&package=js&utm_source=samples */
 /* For more information, please refer to https://www.dynamsoft.com/license-server/docs/about/licensefaq.html?ver=latest#how-to-use-a-trackable-license. */
@@ -24,7 +24,7 @@ DBR.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barc
 
 let pScanner = null;
 if (document.getElementById('readBarcode')) {
-    document.getElementById('readBarcode').onclick = async function() {
+    document.getElementById('readBarcode').onclick = async function () {
         try {
             let scanner = await (pScanner = pScanner || DBR.BarcodeScanner.createInstance());
             scanner.onFrameRead = results => {
diff --git a/1.hello-world/3.read-video-angular/.gitignore b/1.hello-world/3.read-video-angular/.gitignore
@@ -47,5 +47,4 @@ Thumbs.db
 
 # others
 
-*-lock.json
 *.lock
diff --git a/1.hello-world/3.read-video-angular/package-lock.json b/1.hello-world/3.read-video-angular/package-lock.json
diff --git a/1.hello-world/3.read-video-angular/src/app/barcode-scanner/barcode-scanner.component.ts b/1.hello-world/3.read-video-angular/src/app/barcode-scanner/barcode-scanner.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, EventEmitter, Output, ElementRef } from '@angular/core';
-import DBR from 'dynamsoft-javascript-barcode'
+import DBR from '../dbr'
 @Component({
   selector: 'app-barcode-scanner',
   templateUrl: './barcode-scanner.component.html',
diff --git a/1.hello-world/4.read-video-react/src/components/BarcodeScanner.js b/1.hello-world/4.read-video-react/src/components/BarcodeScanner.js
@@ -1,6 +1,5 @@
 import DBR from "../dbr";
 import React from 'react';
-import './BarcodeScanner.css';
 
 class BarcodeScanner extends React.Component {
     constructor(props) {
diff --git a/1.hello-world/4.read-video-react/yarn.lock b/1.hello-world/4.read-video-react/yarn.lock
@@ -4301,10 +4301,10 @@ dynamsoft-camera-enhancer@2.0.3:
   resolved "https://registry.yarnpkg.com/dynamsoft-camera-enhancer/-/dynamsoft-camera-enhancer-2.0.3.tgz#a68ea225563f8e3888f552447693d7a2b5f97d4f"
   integrity sha512-B8C72P2sg2wPPFQR/lDt1GT//qKamKonDYiIIN5DeIrRsSefw6hFraQly0nXCDGOxkyFfTVMZz7r8XS66Dwtug==
 
-dynamsoft-javascript-barcode@8.8.3:
-  version "8.8.3"
-  resolved "https://registry.yarnpkg.com/dynamsoft-javascript-barcode/-/dynamsoft-javascript-barcode-8.8.3.tgz#ed47040a7e0623b387acb9fb229a9bba83c7b2ad"
-  integrity sha512-LL85kgfun5czDObFlvd7Kdm0o8Bl+76JhbaWyEGBuppCqt+qLI0ZeEmBQ91Ky3laVh+lsLEXLgiI34qFU0xzEg==
+dynamsoft-javascript-barcode@8.8.7:
+  version "8.8.7"
+  resolved "https://registry.yarnpkg.com/dynamsoft-javascript-barcode/-/dynamsoft-javascript-barcode-8.8.7.tgz#54e84d586717380327c158a0822f12013e4a6090"
+  integrity sha512-Gm9vCuUQq7PJ2Am9u5w578/vAMvwVZle879r80eMfAtO7KR/CRKnNHO0mk7GOWHaQfb/Rjmtfu/IQ1iUbSNeOA==
   dependencies:
     dynamsoft-camera-enhancer "2.0.3"
 
diff --git a/1.hello-world/5.read-video-vue/src/components/BarcodeScanner.vue b/1.hello-world/5.read-video-vue/src/components/BarcodeScanner.vue
@@ -14,7 +14,7 @@
       style="width:100%;height:100%;position:absolute;left:0;top:0;"></video>
     <canvas class="dbrScanner-cvs-drawarea" style="width:100%;height:100%;position:absolute;left:0;top:0;"></canvas>
     <div class="dbrScanner-cvs-scanarea" style="width:100%;height:100%;position:absolute;left:0;top:0;">
-      <div class="dbrScanner-scanlight" style="display:none;width:100%;height:3%;position:absolute;animation:3s infinite dce-scanlight;border-radius:50%;box-shadow:0px 0px 2vw 1px #00e5ff;background:#fff;user-select:none;"></div>
+      <div class="dbrScanner-scanlight" style="display:none;width:100%;height:3%;position:absolute;animation:3s infinite dbrScanner-scanlight;border-radius:50%;box-shadow:0px 0px 2vw 1px #00e5ff;background:#fff;user-select:none;"></div>
     </div>
     <select class="dce-sel-camera" style="margin:0 auto;position:absolute;left:0;top:0;"></select>
     <select class="dce-sel-resolution" style="position:absolute;left:0;top:20px;"></select>
diff --git a/1.hello-world/5.read-video-vue/yarn.lock b/1.hello-world/5.read-video-vue/yarn.lock
@@ -3264,10 +3264,10 @@ dynamsoft-camera-enhancer@2.0.3:
   resolved "https://registry.yarnpkg.com/dynamsoft-camera-enhancer/-/dynamsoft-camera-enhancer-2.0.3.tgz#a68ea225563f8e3888f552447693d7a2b5f97d4f"
   integrity sha512-B8C72P2sg2wPPFQR/lDt1GT//qKamKonDYiIIN5DeIrRsSefw6hFraQly0nXCDGOxkyFfTVMZz7r8XS66Dwtug==
 
-dynamsoft-javascript-barcode@8.8.3:
-  version "8.8.3"
-  resolved "https://registry.yarnpkg.com/dynamsoft-javascript-barcode/-/dynamsoft-javascript-barcode-8.8.3.tgz#ed47040a7e0623b387acb9fb229a9bba83c7b2ad"
-  integrity sha512-LL85kgfun5czDObFlvd7Kdm0o8Bl+76JhbaWyEGBuppCqt+qLI0ZeEmBQ91Ky3laVh+lsLEXLgiI34qFU0xzEg==
+dynamsoft-javascript-barcode@8.8.7:
+  version "8.8.7"
+  resolved "https://registry.yarnpkg.com/dynamsoft-javascript-barcode/-/dynamsoft-javascript-barcode-8.8.7.tgz#54e84d586717380327c158a0822f12013e4a6090"
+  integrity sha512-Gm9vCuUQq7PJ2Am9u5w578/vAMvwVZle879r80eMfAtO7KR/CRKnNHO0mk7GOWHaQfb/Rjmtfu/IQ1iUbSNeOA==
   dependencies:
     dynamsoft-camera-enhancer "2.0.3"
 
diff --git a/1.hello-world/7.read-video-nextjs/yarn.lock b/1.hello-world/7.read-video-nextjs/yarn.lock
@@ -907,10 +907,10 @@ dynamsoft-camera-enhancer@2.0.3:
   resolved "https://registry.yarnpkg.com/dynamsoft-camera-enhancer/-/dynamsoft-camera-enhancer-2.0.3.tgz#a68ea225563f8e3888f552447693d7a2b5f97d4f"
   integrity sha512-B8C72P2sg2wPPFQR/lDt1GT//qKamKonDYiIIN5DeIrRsSefw6hFraQly0nXCDGOxkyFfTVMZz7r8XS66Dwtug==
 
-dynamsoft-javascript-barcode@8.8.3:
-  version "8.8.3"
-  resolved "https://registry.yarnpkg.com/dynamsoft-javascript-barcode/-/dynamsoft-javascript-barcode-8.8.3.tgz#ed47040a7e0623b387acb9fb229a9bba83c7b2ad"
-  integrity sha512-LL85kgfun5czDObFlvd7Kdm0o8Bl+76JhbaWyEGBuppCqt+qLI0ZeEmBQ91Ky3laVh+lsLEXLgiI34qFU0xzEg==
+dynamsoft-javascript-barcode@8.8.7:
+  version "8.8.7"
+  resolved "https://registry.yarnpkg.com/dynamsoft-javascript-barcode/-/dynamsoft-javascript-barcode-8.8.7.tgz#54e84d586717380327c158a0822f12013e4a6090"
+  integrity sha512-Gm9vCuUQq7PJ2Am9u5w578/vAMvwVZle879r80eMfAtO7KR/CRKnNHO0mk7GOWHaQfb/Rjmtfu/IQ1iUbSNeOA==
   dependencies:
     dynamsoft-camera-enhancer "2.0.3"
 
diff --git a/1.hello-world/8.read-video-nuxtjs/package.json b/1.hello-world/8.read-video-nuxtjs/package.json
@@ -14,4 +14,4 @@
         "nuxt": "^2.15.7"
     },
     "devDependencies": {}
-}
+}
diff --git a/1.hello-world/8.read-video-nuxtjs/yarn.lock b/1.hello-world/8.read-video-nuxtjs/yarn.lock
@@ -3070,10 +3070,10 @@ dynamsoft-camera-enhancer@2.0.3:
   resolved "https://registry.yarnpkg.com/dynamsoft-camera-enhancer/-/dynamsoft-camera-enhancer-2.0.3.tgz#a68ea225563f8e3888f552447693d7a2b5f97d4f"
   integrity sha512-B8C72P2sg2wPPFQR/lDt1GT//qKamKonDYiIIN5DeIrRsSefw6hFraQly0nXCDGOxkyFfTVMZz7r8XS66Dwtug==
 
-dynamsoft-javascript-barcode@8.8.3:
-  version "8.8.3"
-  resolved "https://registry.yarnpkg.com/dynamsoft-javascript-barcode/-/dynamsoft-javascript-barcode-8.8.3.tgz#ed47040a7e0623b387acb9fb229a9bba83c7b2ad"
-  integrity sha512-LL85kgfun5czDObFlvd7Kdm0o8Bl+76JhbaWyEGBuppCqt+qLI0ZeEmBQ91Ky3laVh+lsLEXLgiI34qFU0xzEg==
+dynamsoft-javascript-barcode@8.8.7:
+  version "8.8.7"
+  resolved "https://registry.yarnpkg.com/dynamsoft-javascript-barcode/-/dynamsoft-javascript-barcode-8.8.7.tgz#54e84d586717380327c158a0822f12013e4a6090"
+  integrity sha512-Gm9vCuUQq7PJ2Am9u5w578/vAMvwVZle879r80eMfAtO7KR/CRKnNHO0mk7GOWHaQfb/Rjmtfu/IQ1iUbSNeOA==
   dependencies:
     dynamsoft-camera-enhancer "2.0.3"
 
diff --git a/1.hello-world/9.read-video-electron/action.js b/1.hello-world/9.read-video-electron/action.js
@@ -6,9 +6,8 @@ window.onload = function () {
      */
 
     /* When using your own license, uncomment the following line and specify your Organization ID. */
-
     Dynamsoft.DBR.organizationID = "200000";
-        Dynamsoft.DBR.handshakeCode = "200000-dbr_js_samples";
+    Dynamsoft.DBR.handshakeCode = "200000-dbr_js_samples";
 
     /* If you don't have a license yet, you can request a trial on this page: https://www.dynamsoft.com/customer/license/trialLicense?product=dbr&package=js&utm_source=samples */
     /* For more information, please refer to https://www.dynamsoft.com/license-server/docs/about/licensefaq.html?ver=latest#how-to-use-a-trackable-license. */
@@ -18,7 +17,7 @@ window.onload = function () {
     // Dynamsoft.DBR.productKeys = "YOUR-PRODUCT-KEY";
 
     /** LICENSE ALERT - THE END */
-    
+
     Dynamsoft.DBR.loadWasm();
     let pScanner = null;
     document.getElementById('readBarcode').onclick = async () => {
diff --git a/4.use-case/2.read-a-drivers-license.html b/4.use-case/2.read-a-drivers-license.html
@@ -67,14 +67,16 @@ <h1 style="font-size: 1.5em;" id='header'>Read A Driver's License <a href="#" id
         // decode video from camera
         document.getElementById('btn-show-scanner').addEventListener('click', async() => {
             document.getElementById('btn-show-scanner').hidden = true;
+            //document.getElementById('btn-open-image').hidden = true;
             openScanner(false);
         });
-        
+
         function readAgain() {
             document.getElementById('readAgain').hidden = true;
             document.getElementById('divNoteMessage').hidden = true;
             document.getElementById('UIElement').style.display = "";
             document.getElementById('btn-show-scanner').hidden = false;
+            //document.getElementById('btn-open-image').hidden = false;
         }
         async function openScanner(bSingleFrameMode) {
             try {
@@ -85,14 +87,15 @@ <h1 style="font-size: 1.5em;" id='header'>Read A Driver's License <a href="#" id
                     scanner.getRuntimeSettings()
                     .then(settings => {
                         settings.barcodeFormatIds = Dynamsoft.DBR.EnumBarcodeFormat.BF_PDF417;
-                        settings.deblurLevel = 7;
                         settings.region = {
                             regionLeft: 5,
                             regionTop: 5,
                             regionRight: 95,
                             regionBottom: 95,
                             regionMeasuredByPercentage: 1
                         };
+                        settings.localizationModes = [16, 8, 2, 0, 0, 0, 0, 0];
+                        settings.deblurLevel = 7;
                         scanner.updateRuntimeSettings(settings);
                     });
                 document.getElementById('lib-load').hidden = true;
@@ -108,13 +111,6 @@ <h1 style="font-size: 1.5em;" id='header'>Read A Driver's License <a href="#" id
                 document.getElementsByClassName('dce-sel-camera')[0].hidden = true;
                 document.getElementsByClassName('dce-sel-resolution')[0].hidden = true;
                 document.getElementsByClassName('dce-btn-close')[0].hidden = true;
-                await scanner.updateVideoSettings({
-                    video: {
-                        width: 1920,
-                        height: 1080,
-                        facingMode: "environment"
-                    }
-                });
                 await scanner.show();
                 document.getElementById('hintMSG').hidden = false;
                 document.getElementById('header').hidden = true;
@@ -162,18 +158,9 @@ <h1 style="font-size: 1.5em;" id='header'>Read A Driver's License <a href="#" id
         }, {
             'abbreviation': 'DAB',
             'description': 'Last Name'
-        }, {
-            'abbreviation': 'DAB',
-            'description': 'Family Name'
         }, {
             'abbreviation': 'DAC',
             'description': 'First Name'
-        }, {
-            'abbreviation': 'DAC',
-            'description': 'Given Name'
-        }, {
-            'abbreviation': 'DAD',
-            'description': 'Middle Name or Initial'
         }, {
             'abbreviation': 'DAD',
             'description': 'Middle Name'
@@ -288,21 +275,12 @@ <h1 style="font-size: 1.5em;" id='header'>Read A Driver's License <a href="#" id
         }, {
             'abbreviation': 'DBO',
             'description': 'Last Name'
-        }, {
-            'abbreviation': 'DBO',
-            'description': 'Family Name'
         }, {
             'abbreviation': 'DBP',
             'description': 'First Name'
-        }, {
-            'abbreviation': 'DBP',
-            'description': 'Given Name'
         }, {
             'abbreviation': 'DBQ',
             'description': 'Middle Name'
-        }, {
-            'abbreviation': 'DBQ',
-            'description': 'Middle Name or Initial'
         }, {
             'abbreviation': 'DBR',
             'description': 'Suffix'
@@ -360,15 +338,9 @@ <h1 style="font-size: 1.5em;" id='header'>Read A Driver's License <a href="#" id
         }, {
             'abbreviation': 'DCR',
             'description': 'Jurisdiction specific restriction code description'
-        }, {
-            'abbreviation': 'DCS',
-            'description': 'Family Name'
         }, {
             'abbreviation': 'DCS',
             'description': 'Last Name'
-        }, {
-            'abbreviation': 'DCT',
-            'description': 'Given Name'
         }, {
             'abbreviation': 'DCT',
             'description': 'First Name'
diff --git a/5.others/debug/README.md b/5.others/debug/README.md
@@ -1,3 +1,7 @@
+# Quick debug
+
+https://dynamsoft.github.io/barcode-reader-javascript-samples/5.others/debug/public/index.html
+
 # Collect runtime images for debugging
 
 When you encounter unreadable barcodes via a video input, you can use this sample to take a few sample frames to share with the Dynamsoft Support Team for debugging purposes.
diff --git a/5.others/debug/public/index.html b/5.others/debug/public/index.html
@@ -12,9 +12,18 @@
     <h1 style="font-size: 1.5em;">Read Barcodes from Camera - Debug</h1>
     <button id="btn-show-scanner">show scanner</button>
     <br>
-    <div id="div-video-container" style="width:100%;height:calc(100vh - 100px);"></div>
+    <label><input type="radio" name="video-settings" checked value="default">default</label>
+    <label><input type="radio" name="video-settings" value="back-camera">back camera</label>
+    <label><input type="radio" name="video-settings" value="only-video">only video</label>
+    <br>
+    <label><input id="cb-send-img" type="checkbox">send image to</label><input id="ipt-server-url" placeholder="server url, default ./collect">
+    <br>
+    <div id="div-video-container" style="width:100%;height:calc(100vh - 150px);"></div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/eruda/2.4.1/eruda.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@8.8.7/dist/dbr.js"></script>
     <script>
+        eruda.init();
+        Dynamsoft.DBR._onLog = console.log;
         /** LICENSE ALERT - README
          * The library requires a license to work, you use the API organizationID to tell the program where to fetch your license.
          * If the Organizaion ID is not specified, a 7-day (public) trial license will be used by default which is the case in this sample.
@@ -50,11 +59,12 @@ <h1 style="font-size: 1.5em;">Read Barcodes from Camera - Debug</h1>
                 scanner.ifSaveOriginalImageInACanvas = true;
                 let processingCount = 0;
                 scanner.onFrameRead = async results => {
+                    let bSendImg = !!document.getElementById("cb-send-img").checked;
                     /**
                      * The barcode reading speed is very fast, we must limit 
                      * the number of uploaded frames (4), so that it is feasible.
                      */
-                    if (processingCount < 4) {
+                    if (bSendImg && processingCount < 4) {
                         ++processingCount;
                         try {
                             /**
@@ -70,7 +80,7 @@ <h1 style="font-size: 1.5em;">Read Barcodes from Camera - Debug</h1>
                                         cvs.toBlob(blob => resolve(blob));
                                     });
                                 fd.append("img", blob);
-                                await fetch("collect", {
+                                await fetch(document.getElementById("ipt-server-url").value || "collect", {
                                     method: "POST",
                                     body: fd
                                 });
@@ -88,6 +98,24 @@ <h1 style="font-size: 1.5em;">Read Barcodes from Camera - Debug</h1>
                 throw ex;
             }
         });
+        
+        let switchVideoSettings = async()=>{
+            if(!pScanner)return;
+            let scanner = await pScanner;
+            switch(document.querySelector('input[name="video-settings"]:checked').value){
+                case "back-camera":
+                    await scanner.updateVideoSettings({video:{facingMode:"environment"}});
+                    break;
+                case "only-video":
+                    await scanner.updateVideoSettings({video:true});
+                    break;
+                default:
+                    await scanner.updateVideoSettings({video:{width:{ideal:1280},height:{ideal:720},facingMode:{ideal:"environment"}}});
+            }
+        };
+        for(let ipt of document.querySelectorAll('input[name="video-settings"]')){
+            ipt.addEventListener("change", switchVideoSettings);
+        }
     </script>
 </body>
 

Original file line number	Diff line number	Diff line change
`@@ -47,5 +47,4 @@ Thumbs.db`
`47`	`47`
`48`	`48`	`# others`
`49`	`49`
`50`		`-*-lock.json`
`51`	`50`	`*.lock`