Merge branch 'main' into preview

Author: a362758199

programming-old/javascript/samples-demos/index.md

@@ -27,7 +27,7 @@ permalink: /programming/javascript/samples-demos/index.html
             </div>
             <div class="file"><a data-balloon-length="xlarge" data-balloon-pos="down" aria-label="Decode barcodes
                 using images that are stored locally,
-                whether on mobile or desktop." class="button title" target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/hello-world/hello-world.html">Read
+                whether on mobile or desktop." class="button title" target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/hello-world/read-an-image.html">Read
                     an Existing Image</a></div>
             <div class="file"><a data-balloon-length="xlarge" data-balloon-pos="down" aria-label="Decode video stream in an Angular
                 Application from a USB-connected or built-in camera (mobile or desktop)." class="button title"

programming/javascript/faq/add-remove-beep-sound.md

@@ -19,9 +19,7 @@ Dynamsoft.DCE.Feedback.beep();
 **_NOTE:_** - Check the class [Feedback](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/feedback.html#beep) for more details.
 
 
-<details>
-<summary><b> Version 9</b></summary>
+## Version 9
 This feature is controlled using the [whenToPlaySoundforSuccessfulRead](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/interface/ScanSettings.html?ver=latest) property. To enable the feature, set the property to either **frame** or **unique**. To disable the feature, set it to **never**.
 
 > This feature is disabled by default.
-</details>

programming/javascript/faq/difference-between-barcodeReader-and-barcodeScanner.md

@@ -9,6 +9,7 @@ needAutoGenerateSidebar: false
 # What is the difference between the BarcodeReader class and the BarcodeScanner class? Can they be used interchangeably?
 
 [<< Back to FAQ index](index.md)
+
 **_NOTE:_** - This  is for version 9 or lower of barcode reader sdk
 No, as each offers a different functionality than the other. The `BarcodeReader` class is used to decode static images (via one of the [decode\*](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/BarcodeReader.html#decode-barcodes) methods) and does not have the ability to open the camera stream and decode barcodes directly from the video stream. 
 

programming/javascript/faq/difference-between-bestspeed-and-bestcoverage.md

@@ -10,12 +10,13 @@ needAutoGenerateSidebar: false
 
 [<< Back to FAQ index](index.md)
 
-`speed`, as the name suggests, prioritizes time cost over the accuracy of the results, and `coverage` is vice versa.
+`SpeedFirst`, as the name suggests, prioritizes time cost over the accuracy of the results, and `ReadRateFirst` is vice versa.
 
-`balance` is the perfect middle ground between `speed` and `coverage`. 
+`Balance` is the perfect middle ground between `SpeedFirst` and `ReadRateFirst`. 
 
-Lastly, the `single` template is optimized for interactive video scenarios, and is the default mode when using the `BarcodeScanner` class.
+Lastly, the `Single` template is optimized for interactive video scenarios, and is the default mode.
+
+To choose the proper template that you want the SDK to utilize and learn about some of the other templates we offer, please use the [PresetTemplate](https://www.dynamsoft.com/capture-vision/docs/web/programming/javascript/api-reference/capture-vision-router/preset-templates.html?product=dbr&lang=javascript).
 
 In terms of the individual settings, if you would like to learn of the exact breakdown between the different templates, please contact the [Dynamsoft support team](https://www.dynamsoft.com/contact/).
 
-To choose the runtime settings template that you want the SDK to utilize and learn about some of the other templates we offer, please use the [updateRuntimeSettings](https://www.dynamsoft.com/barcode-reader/programming/javascript/api-reference/BarcodeReader.html#updateruntimesettings) method.

programming/javascript/faq/differences-between-updateScanSettings-updateVideoSettings-and-updateRuntimeSettings.md

@@ -10,6 +10,20 @@ needAutoGenerateSidebar: false
 
 [<< Back to FAQ index](index.md)
 
+## Version 10
+`updateVideoSettings` is used to update the [MediaStreamConstraints](https://developer.mozilla.org/en-US/docs/Web/API/Media_Streams_API/Constraints) that define most of the video information such as width, height, and the camera facingMode (i.e. front or rear camera).
+
+`updateSettings` is used to update the [SimplifiedSettings](https://www.dynamsoft.com/capture-vision/docs/web/programming/javascript/api-reference/capture-vision-router/interfaces/simplified-capture-vision-settings.html?product=dbr&lang=javascript) interface. It updates the runtime settings with a given template object. 
+```javascript
+let settings = await router.getSimplifiedSettings("ReadSingleBarcode");
+settings.barcodeSettings.barcodeFormatIds =
+  Dynamsoft.DBR.EnumBarcodeFormat.BF_QR_CODE;
+await router.updateSettings("ReadSingleBarcode", settings);
+await router.startCapturing("ReadSingleBarcode");
+```
+
+## Version 9
+
 `updateScanSettings` is used to update the [ScanSettings](https://www.dynamsoft.com/barcode-reader/programming/javascript/api-reference/interface/ScanSettings.html?ver=latest) interface. This can be used to configure settings such as ignoring duplicate reads, setting sound/vibration when a barcode is scanned. 
 
 `updateVideoSettings` is used to update the [MediaStreamConstraints](https://developer.mozilla.org/en-US/docs/Web/API/Media_Streams_API/Constraints) that define most of the video information such as width, height, and the camera facingMode (i.e. front or rear camera).

programming/javascript/faq/read-from-existing-files.md

@@ -10,8 +10,19 @@ needAutoGenerateSidebar: false
 
 [<< Back to FAQ index](index.md)
 
-Yes, the JavaScript SDK supports reading from a file in local memory. This can be achieved via the `BarcodeReader` class instead of the `BarcodeScanner` class.
+Yes, the JavaScript SDK supports reading from a file in local memory. 
 
+## Version 10.x
+```javascript
+let router = await Dynamsoft.CVR.CaptureVisionRouter.createInstance();
+// Use the router to perform a job.
+let results = await router.capture("blob:https://demo.dynamsoft.com/afb84bd2-e8cb-4b96-92b6-36dc89783692", "ReadSingleBarcode");
+// ...
+// Release the resources after the job is finished.
+router.dispose();
+```
+
+## Version 9.x
 ```javascript
 let reader = await Dynamsoft.DBR.BarcodeReader.createInstance();
 let results = await reader.decode(imageSource);

programming/javascript/faq/scan-US-drivers-license.md

@@ -10,4 +10,4 @@ needAutoGenerateSidebar: false
 
 [<< Back to FAQ index](index.md)
 
-You can scan a US driver's license to get all of these details using our SDK. The best way to do so is to follow our pre-built driver license sample for the JavaScript edition, which can be found in the [code gallery](https://www.dynamsoft.com/barcode-reader/resources/code-gallery/?SampleID=619). This sample can also be found in the `samples\4.use-case` folder of the JavaScript package download (via the Dynamsoft [free trial download](https://www.dynamsoft.com/barcode-reader/downloads)).
+You can scan a US driver's license to get all of these details using our SDK. The best way to do so is to follow our pre-built driver license sample for the JavaScript edition, which can be found in the [code gallery](https://github.com/Dynamsoft/barcode-reader-javascript-demo). This sample can also be found in the `samples\4.use-case` folder of the JavaScript package download (via the Dynamsoft [free trial download](https://www.dynamsoft.com/barcode-reader/downloads)).

programming/javascript/faq/server-requirements-for-dbr-js-deployment.md

@@ -9,6 +9,14 @@ needAutoGenerateSidebar: false
 # Why am I unable to scan an Aztec code in the helloworld sample?
 
 [<< Back to FAQ index](index.md)
+# Version 10
+```javascript
+let settings = await router.getSimplifiedSettings("ReadSingleBarcode");
+settings.barcodeSettings.barcodeFormatIds =
+  Dynamsoft.DBR.EnumBarcodeFormat.BF_AZTEC;
+await router.updateSettings("ReadSingleBarcode", settings);
+await router.startCapturing("ReadSingleBarcode");
+```
 
 ## For version 8 and version 9
 

programming/javascript/faq/unable-to-scan-aztec-code.md

@@ -164,7 +164,7 @@ The complete code of the "Hello World" example is shown below
 
 #### About the code
 
-- `Dynamsoft.License.LicenseManager.initLicense()`: This method initializes the license for using the SDK in the application. Note that the string "**DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9**" used in this example points to an online license that requires a network connection to work. Read more on [Specify the license](#specify-the-license).
+- `Dynamsoft.License.LicenseManager.initLicense()`: This method initializes the license for using the SDK in the application. Note that the string "**DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9**" used in this example points to an online license that requires a network connection to work. Read more on [Specify the license](#1-specify-the-license).
 
 - `Dynamsoft.Core.CoreModule.loadWasm(["dbr"])`: This is an optional code. Used to load wasm resources in advance, reducing latency between video playing and barcode decoding.
 
@@ -181,11 +181,11 @@ The complete code of the "Hello World" example is shown below
       cvRouter.startCapturing("ReadSingleBarcode");
       ```
   - **Dispatch Results to Listening Objects**
-    - The processing results are returned through the [CapturedResultReceiver](https://www.dynamsoft.com/capture-vision/docs/core/architecture/output.html#captured-result-receiver?lang=js) interface. The `CapturedResultReceiver` object is registered to `cvRouter` via the method `addResultReceiver()`. For more information, please check out [Register a result receiver](#register-a-result-receiver).
+    - The processing results are returned through the [CapturedResultReceiver](https://www.dynamsoft.com/capture-vision/docs/core/architecture/output.html#captured-result-receiver?lang=js) interface. The `CapturedResultReceiver` object is registered to `cvRouter` via the method `addResultReceiver()`. For more information, please check out [Register a result receiver](#step-4-register-a-result-receiver).
       ```js
       cvRouter.addResultReceiver({/*The-CapturedResultReceiver-Object"*/});
       ```
-    - Also note that reading from video is extremely fast and there could be many duplicate results. We can use a [filter](#filter-the-results-important) with result deduplication enabled to filter out the duplicate results. The object is registered to `cvRouter` via the method `addResultFilter()`.
+    - Also note that reading from video is extremely fast and there could be many duplicate results. We can use a [filter](#3-important-filter-the-results) with result deduplication enabled to filter out the duplicate results. The object is registered to `cvRouter` via the method `addResultFilter()`.
       ```js
       cvRouter.addResultFilter(filter);
       ```