Merge branch '_dev' of https://github.com/Dynamsoft/barcode-reader-javascript-samples into _dev

Author: Keillion

1.hello-world/11.read-video-requirejs.html

@@ -38,17 +38,25 @@ <h1 style="font-size: 1.5em;">Hello World for RequireJS</h1>
              */
 
             BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/[email protected]/dist/";
-            let pScanner = null;
             (async function() {
                 try {
-                    const scanner = await (pScanner = pScanner || BarcodeScanner.createInstance());
+                    const scanner = await BarcodeScanner.createInstance();
+                    /* 
+                    * 'onFrameRead' is triggered after the library finishes reading a frame.
+                    * There can be one or multiple barcodes on each frame.
+                    */
                     scanner.onFrameRead = results => {
                         console.log("Barcodes on one frame:");
                         for (let result of results) {
                             const format = result.barcodeFormatString;
                             console.log(format + ": " + result.barcodeText);
                         }
                     };
+                    /*
+                    * onUnduplicatdRead is triggered only when a 'new' barcode is found.
+                    * The amount of time that the library 'remembers' a barcode is defined by 
+                    * "duplicateForgetTime" in "ScanSettings". By default it is set to 3000 ms.
+                    */
                     scanner.onUniqueRead = (txt, result) => {
                         alert(txt);
                         console.log("Unique Code Found: ", result);

1.hello-world/12.read-video-es6.html

@@ -36,10 +36,9 @@ <h1 style="font-size: 1.5em;">Hello World for ES6</h1>
 
         BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/[email protected]/dist/";
 
-        let pScanner = null;
         (async () => {
             try {
-                const scanner = await (pScanner = pScanner || BarcodeScanner.createInstance());
+                const scanner = await BarcodeScanner.createInstance();
                 /* 
                  * 'onFrameRead' is triggered after the library finishes reading a frame.
                  * There can be one or multiple barcodes on each frame.

1.hello-world/13.read-video-react-hook/README.md

@@ -5,10 +5,9 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="description" content="Read barcode with Dynamsoft Barcode Reader in a React Application.">
+    <meta name="keywords" content="read barcode from camera and images in React">
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/1.hello-world/13.read-video-react-hook/build/">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a

1.hello-world/13.read-video-react-hook/public/index.html

@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^15.2.0",
     "@angular/platform-browser-dynamic": "^15.2.0",
     "@angular/router": "^15.2.0",
-    "dynamsoft-javascript-barcode": "^9.6.10",
+    "dynamsoft-javascript-barcode": "^9.6.11",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.12.0"

1.hello-world/3.read-video-angular/package.json

@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /**
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.10&utm_source=github#specify-the-license or contact [email protected].
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.11&utm_source=github#specify-the-license or contact [email protected].
  * LICENSE ALERT - THE END
  */
 
-BarcodeReader.engineResourcePath = 'https://cdn.jsdelivr.net/npm/[email protected].10/dist/';
+BarcodeReader.engineResourcePath = 'https://cdn.jsdelivr.net/npm/[email protected].11/dist/';

1.hello-world/3.read-video-angular/src/app/dbr.ts

@@ -420,4 +420,4 @@ See the section about [deployment](https://facebook.github.io/create-react-app/d
 
 ## Support
 
-If you have any questions, feel free to contact Dynamsoft support via [email](mailto:[email protected]) or [live chat](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) via the "Let's Chat" button.
+If you have any questions, feel free to contact Dynamsoft support via [email](mailto:[email protected]) or [live chat](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) via the "Let's Chat" button.

1.hello-world/4.read-video-react/README.md

@@ -1,28 +1,27 @@
-.DS_Store
-node_modules
-/package-lock.json
-# /dist (for demoing purpose)
-
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
 
 # Editor directories and files
-.idea
 .vscode
+!.vscode/extensions.json
+.idea
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
-
-# others
-
-*.lock