dynamsoft-barcode-reader-bundle 10.4.2000-beta-202409252002 → 10.4.2000-beta-202409252259

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.html +80 -66
  2. package/README.md +84 -64
  3. package/dist/dbr.bundle.js +1 -1
  4. package/dist/dbr.bundle.mjs +1 -1
  5. package/dist/dbr.no-content-bundle.esm.js +1 -1
  6. package/package.json +1 -1
package/README.html CHANGED
@@ -269,21 +269,21 @@
269
269
  </ul>
270
270
  <p><strong>Popular Examples</strong></p>
271
271
  <ul>
272
- <li>Hello World - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/hello-world.html">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.2.10&utm_source=npm">Run</a></li>
273
- <li>Angular App - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/angular">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/angular/dist/dbrjs-sample-angular/browser/?ver=10.2.10&utm_source=npm">Run</a></li>
274
- <li>React App - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/react">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/react/build/?ver=10.2.10&utm_source=npm">Run</a></li>
275
- <li>Vue App - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/vue">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/vue/dist/?ver=10.2.10&utm_source=npm">Run</a></li>
276
- <li>PWA App - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/pwa">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/pwa/helloworld-pwa.html?ver=10.2.10&utm_source=npm">Run</a></li>
277
- <li>WebView in Android and iOS - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v10.2.10/hello-world/webview">Github</a></li>
278
- <li>Read Driver Licenses - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/use-case/read-a-drivers-license/index.html">Github</a> | <a href="https://demo.dynamsoft.com/samples/dbr/js/use-case/read-a-drivers-license/index.html?ver=10.2.10&utm_source=npm">Run</a></li>
279
- <li>Fill A Form - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/use-case/fill-a-form-with-barcode-reading.html">Github</a> | <a href="https://demo.dynamsoft.com/samples/dbr/js/use-case/fill-a-form-with-barcode-reading.html?ver=10.2.10&utm_source=npm">Run</a></li>
280
- <li>Show result information on the video - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/use-case/show-result-texts-on-the-video.html">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/use-case/show-result-texts-on-the-video.html?ver=10.2.10&utm_source=npm">Run</a></li>
281
- <li>Debug Camera and Collect Video Frame - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/others/debug">Github</a></li>
272
+ <li>Hello World - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/hello-world.html">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.4.20&utm_source=npm">Run</a></li>
273
+ <li>Angular App - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/angular">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/angular/dist/dbrjs-sample-angular/browser/?ver=10.4.20&utm_source=npm">Run</a></li>
274
+ <li>React App - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/react">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/react/build/?ver=10.4.20&utm_source=npm">Run</a></li>
275
+ <li>Vue App - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/vue">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/vue/dist/?ver=10.4.20&utm_source=npm">Run</a></li>
276
+ <li>PWA App - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/pwa">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/pwa/helloworld-pwa.html?ver=10.4.20&utm_source=npm">Run</a></li>
277
+ <li>WebView in Android and iOS - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v10.4.20/hello-world/webview">Github</a></li>
278
+ <li>Read Driver Licenses - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/use-case/read-a-drivers-license/index.html">Github</a> | <a href="https://demo.dynamsoft.com/samples/dbr/js/use-case/read-a-drivers-license/index.html?ver=10.4.20&utm_source=npm">Run</a></li>
279
+ <li>Fill A Form - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/use-case/fill-a-form-with-barcode-reading.html">Github</a> | <a href="https://demo.dynamsoft.com/samples/dbr/js/use-case/fill-a-form-with-barcode-reading.html?ver=10.4.20&utm_source=npm">Run</a></li>
280
+ <li>Show result information on the video - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/use-case/show-result-texts-on-the-video.html">Github</a> | <a href="https://demo.dynamsoft.com/Samples/DBR/JS/use-case/show-result-texts-on-the-video.html?ver=10.4.20&utm_source=npm">Run</a></li>
281
+ <li>Debug Camera and Collect Video Frame - <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/others/debug">Github</a></li>
282
282
  </ul>
283
283
  <p>You can also:</p>
284
284
  <ul>
285
- <li>Try the Official Demo - <a href="https://demo.dynamsoft.com/barcode-reader-js/?ver=10.2.10&utm_source=npm">Run</a> | <a href="https://github.com/Dynamsoft/barcode-reader-javascript-demo/">Github</a></li>
286
- <li>Try Online Examples - <a href="https://demo.dynamsoft.com/Samples/DBR/JS/index.html?ver=10.2.10&utm_source=npm">Run</a> | <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v10.2.10/">Github</a></li>
285
+ <li>Try the Official Demo - <a href="https://demo.dynamsoft.com/barcode-reader-js/?ver=10.4.20&utm_source=npm">Run</a> | <a href="https://github.com/Dynamsoft/barcode-reader-javascript-demo/">Github</a></li>
286
+ <li>Try Online Examples - <a href="https://demo.dynamsoft.com/Samples/DBR/JS/index.html?ver=10.4.20&utm_source=npm">Run</a> | <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v10.4.20/">Github</a></li>
287
287
  </ul>
288
288
  <h2 id="hello-world---simplest-implementation">Hello World - Simplest Implementation</h2>
289
289
  <p>Let's start with the "Hello World" example of the DBR-JS SDK which demonstrates how to use the minimum code to enable a web page to read barcodes from a live video stream. </p>
@@ -300,7 +300,7 @@
300
300
  <span class="hljs-tag">&lt;<span class="hljs-name">body</span>&gt;</span>
301
301
  <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"camera-view-container"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"width: 100%; height: 60vh"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
302
302
  <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"results"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"width: 100%; min-height: 10vh; font-size: 3vmin; overflow: auto"</span> <span class="hljs-attr">disabled</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
303
- <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
303
+ <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
304
304
  <span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="javascript">
305
305
  Dynamsoft.License.LicenseManager.initLicense(<span class="hljs-string">"DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9"</span>);
306
306
  Dynamsoft.Core.CoreModule.loadWasm([<span class="hljs-string">"dbr"</span>]);
@@ -336,7 +336,7 @@
336
336
  </code></pre>
337
337
  <!--TOM: Update the code links-->
338
338
  <p align="center" style="text-align:center; white-space: normal; ">
339
- <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/hello-world.html" title="Code in Github" style="text-decoration:none;">
339
+ <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/hello-world.html" title="Code in Github" style="text-decoration:none;">
340
340
  <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/github.svg" alt="Code in Github" width="20" height="20" style="width:20px;height:20px;">
341
341
  </a>
342
342
  &nbsp;
@@ -344,10 +344,17 @@
344
344
  <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/jsfiddle.svg" alt="Run via JSFiddle" width="20" height="20" style="width:20px;height:20px;" >
345
345
  </a>
346
346
  &nbsp;
347
- <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.2.10&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
347
+ <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.4.20&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
348
348
  <img src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.0.0/svgs/solid/circle-play.svg" alt="Run in Dynamsoft" width="20" height="20" style="width:20px;height:20px;">
349
349
  </a>
350
350
  </p>
351
+ <blockquote>
352
+ <p>Don't want to deal with too many details? We also have an <strong>out-of-the-box</strong> version:</p>
353
+ <p><a href="https://github.com/Dynamsoft/easy-barcode-scanner">Easy Barcode Scanner >></a> available for your reference.</p>
354
+ <pre><code class="hljs js language-js"><span class="hljs-comment">// Scan instantly with a single function!</span>
355
+ <span class="hljs-keyword">let</span> txt = <span class="hljs-keyword">await</span> EasyBarcodeScanner.scan();
356
+ </code></pre>
357
+ </blockquote>
351
358
  <hr />
352
359
  <h4 id="about-the-code">About the code</h4>
353
360
  <ul>
@@ -382,7 +389,7 @@ cvRouter.addResultFilter(filter);
382
389
  <p>Read more on <a href="https://www.dynamsoft.com/capture-vision/docs/core/architecture/#capture-vision-router">Capture Vision Router</a>.</p>
383
390
  </blockquote>
384
391
  <h3 id="run-the-example">Run the example</h3>
385
- <p>You can run the example deployed to <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.2.10&utm_source=npm">the Dynamsoft Demo Server</a> or test it with <a href="https://jsfiddle.net/DynamsoftTeam/csm2f9wb/">JSFiddle code editor</a>. </p>
392
+ <p>You can run the example deployed to <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.4.20&utm_source=npm">the Dynamsoft Demo Server</a> or test it with <a href="https://jsfiddle.net/DynamsoftTeam/csm2f9wb/">JSFiddle code editor</a>. </p>
386
393
  <p>You will be asked to allow access to your camera, after which the video will be displayed on the page. After that, you can point the camera at a barcode to read it.</p>
387
394
  <p>When a barcode is decoded, you will see the result text show up under the video and the barcode location will be highlighted in the video feed.</p>
388
395
  <p>Alternatively, you can test locally by copying and pasting the code shown above into a local file (e.g. "hello-world.html") and opening it in your browser.</p>
@@ -395,7 +402,7 @@ cvRouter.addResultFilter(filter);
395
402
  <li>Tomcat: <a href="https://dzone.com/articles/setting-ssl-tomcat-5-minutes">Setting Up SSL on Tomcat in 5 minutes</a></li>
396
403
  <li>Node.js: <a href="https://nodejs.org/docs/v0.4.1/api/tls.html">npm tls</a></li>
397
404
  </ol>
398
- <p>If the test doesn't go as expected, you can <a href="https://www.dynamsoft.com/company/contact/?ver=10.2.10&utm_source=npm&product=dbr&package=js">contact us</a>.</p>
405
+ <p>If the test doesn't go as expected, you can <a href="https://www.dynamsoft.com/company/contact/?ver=10.4.20&utm_source=npm&product=dbr&package=js">contact us</a>.</p>
399
406
  <h2 id="building-your-own-page">Building your own page</h2>
400
407
  <h3 id="include-the-sdk">Include the SDK</h3>
401
408
  <p>To utilize the SDK, the initial step involves including the corresponding resource files:</p>
@@ -413,25 +420,25 @@ cvRouter.addResultFilter(filter);
413
420
  <ul>
414
421
  <li>jsDelivr</li>
415
422
  </ul>
416
- <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
423
+ <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
417
424
  </code></pre>
418
425
  <ul>
419
426
  <li>UNPKG</li>
420
427
  </ul>
421
- <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://unpkg.com/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
428
+ <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://unpkg.com/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
422
429
  </code></pre>
423
430
  <ul>
424
431
  <li>In some rare cases (such as some restricted areas), you might not be able to access the CDN. If this happens, you can use the following files for the test.</li>
425
432
  </ul>
426
- <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://download2.dynamsoft.com/packages/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
433
+ <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://download2.dynamsoft.com/packages/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
427
434
  </code></pre>
428
435
  <p>However, please <strong>DO NOT</strong> use <code>download2.dynamsoft.com</code> resources in a production application as they are for temporary testing purposes only. Instead, you can try hosting the SDK yourself.</p>
429
436
  <ul>
430
437
  <li>In frameworks like React and Vue, you may want to add the package as a dependency.</li>
431
438
  </ul>
432
- <pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@10.2.1000 -E
439
+ <pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@10.4.2000 -E
433
440
  <span class="hljs-comment"># or</span>
434
- yarn add dynamsoft-barcode-reader-bundle@10.2.1000 -E
441
+ yarn add dynamsoft-barcode-reader-bundle@10.4.2000 -E
435
442
  </code></pre>
436
443
  <p>NOTE that in frameworks, you need to <a href="#specify-the-location-of-the-engine-files-optional">specify the engineResourcePaths</a>.</p>
437
444
  <h4 id="host-the-sdk-yourself-optional">Host the SDK yourself (optional)</h4>
@@ -439,15 +446,15 @@ cvRouter.addResultFilter(filter);
439
446
  <p>There are two options for downloading the SDK, and the usage for each is slightly different</p>
440
447
  <ul>
441
448
  <li><p>From the website</p>
442
- <p><a href="https://www.dynamsoft.com/barcode-reader/downloads/?ver=10.2.10&utm_source=npm&product=dbr&package=js">Download Dynamsoft Barcode Reader JavaScript Package</a></p>
449
+ <p><a href="https://www.dynamsoft.com/barcode-reader/downloads/?ver=10.4.20&utm_source=npm&product=dbr&package=js">Download Dynamsoft Barcode Reader JavaScript Package</a></p>
443
450
  <p>The resources are located at path <code>dynamsoft/distributables/&lt;pkg&gt;@&lt;version&gt;</code>, you can typically include it like this:</p></li>
444
451
  </ul>
445
- <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"dynamsoft/distributables/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
452
+ <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"dynamsoft/distributables/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
446
453
  </code></pre>
447
454
  <ul>
448
455
  <li>npm</li>
449
456
  </ul>
450
- <pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@10.2.1000 -E
457
+ <pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@10.4.2000 -E
451
458
  <span class="hljs-comment"># Compared with using CDN, you need to set up more resources.</span>
452
459
  npm i dynamsoft-capture-vision-std@1.2.10 -E
453
460
  npm i dynamsoft-image-processing@2.2.30 -E
@@ -455,7 +462,10 @@ cvRouter.addResultFilter(filter);
455
462
  <p>The resources are located at the path <code>node_modules/&lt;pkg&gt;</code>, without <code>@&lt;version&gt;</code>, so the script would be like:</p>
456
463
  <pre><code class="hljs html language-html"> <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"node_modules/dynamsoft-barcode-reader-bundle/dist/dbr.bundle.js"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
457
464
  </code></pre>
458
- <p>Since <code>@&lt;version&gt;</code> are missing, you need to <a href="#specify-the-location-of-the-engine-files-optional">specify the engineResourcePaths</a>.</p>
465
+ <p>Since the version tags (<code>@&lt;version&gt;</code>) are missing, you need to <a href="#specify-the-location-of-the-engine-files-optional">specify the engineResourcePaths</a> so that the SDK can find the resources correctly.</p>
466
+ <blockquote>
467
+ <p>To avoid confusion, we suggest renaming "node<em>modules" or moving "dynamsoft-" packages elsewhere for self-hosting, as "node</em>modules" is reserved for Node.js dependencies.</p>
468
+ </blockquote>
459
469
  <p><em>Note</em>:</p>
460
470
  <ul>
461
471
  <li>Certain legacy web application servers may lack support for the <code>application/wasm</code> mimetype for .wasm files. To address this, you have two options:</li>
@@ -479,7 +489,7 @@ cvRouter.addResultFilter(filter);
479
489
  <p>To enable the SDK's functionality, you must provide a valid license. Utilize the API function initLicense to set your license key.</p>
480
490
  <pre><code class="hljs javascript language-javascript">Dynamsoft.License.LicenseManager.initLicense(<span class="hljs-string">"DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9"</span>);
481
491
  </code></pre>
482
- <p>As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves as a test license valid for 24 hours, applicable to any newly authorized browser. To test the SDK further, you can request a 30-day free trial license via the <a href="https://www.dynamsoft.com/customer/license/trialLicense?ver=10.2.10&utm_source=npm&product=dbr&package=js" target="_blank">Request a Trial License</a> link.</p>
492
+ <p>As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves as a test license valid for 24 hours, applicable to any newly authorized browser. To test the SDK further, you can request a 30-day free trial license via the <a href="https://www.dynamsoft.com/customer/license/trialLicense?ver=10.4.20&utm_source=npm&product=dbr&package=js" target="_blank">Request a Trial License</a> link.</p>
483
493
  <blockquote>
484
494
  <p>Upon registering a Dynamsoft account and obtaining the SDK package from the official website, Dynamsoft will automatically create a 30-day free trial license and embed the corresponding license key into all the provided SDK samples.</p>
485
495
  </blockquote>
@@ -488,13 +498,13 @@ cvRouter.addResultFilter(filter);
488
498
  <p>The purpose is to tell the SDK where to find the engine files (*.worker.js, *.wasm.js and *.wasm, etc.). The API is called <code>Dynamsoft.Core.CoreModule.engineResourcePaths</code>:</p>
489
499
  <pre><code class="hljs javascript language-javascript"><span class="hljs-comment">//The following code uses the jsDelivr CDN, feel free to change it to your own location of these files</span>
490
500
  <span class="hljs-built_in">Object</span>.assign(Dynamsoft.Core.CoreModule.engineResourcePaths, {
491
- <span class="hljs-attr">std</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/"</span>,
492
- <span class="hljs-attr">dip</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/"</span>,
493
- <span class="hljs-attr">core</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/"</span>,
494
- <span class="hljs-attr">license</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/"</span>,
495
- <span class="hljs-attr">cvr</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/"</span>,
496
- <span class="hljs-attr">dbr</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/"</span>,
497
- <span class="hljs-attr">dce</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/"</span>
501
+ <span class="hljs-attr">std</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.4.10/dist/"</span>,
502
+ <span class="hljs-attr">dip</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.4.20/dist/"</span>,
503
+ <span class="hljs-attr">core</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-core@3.4.20/dist/"</span>,
504
+ <span class="hljs-attr">license</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-license@3.4.20/dist/"</span>,
505
+ <span class="hljs-attr">cvr</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.4.20/dist/"</span>,
506
+ <span class="hljs-attr">dbr</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.4.20/dist/"</span>,
507
+ <span class="hljs-attr">dce</span>: <span class="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.1.0/dist/"</span>
498
508
  });
499
509
  </code></pre>
500
510
  <h3 id="set-up-and-start-image-processing">Set up and start image processing</h3>
@@ -518,7 +528,7 @@ cvRouter.addResultFilter(filter);
518
528
  <p>When creating a <code>CaptureVisionRouter</code> object within a function which may be called more than once, it's best to use a "helper" variable to avoid double creation such as <code>pCvRouter</code> in the following code:</p>
519
529
  <pre><code class="hljs javascript language-javascript">Dynamsoft.License.LicenseManager.initLicense(<span class="hljs-string">"DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9"</span>);
520
530
 
521
- <span class="hljs-keyword">let</span> pCvRouter = <span class="hljs-literal">null</span>; <span class="hljs-comment">// promise of cvRouter</span>
531
+ <span class="hljs-keyword">let</span> pCvRouter = <span class="hljs-literal">null</span>; <span class="hljs-comment">// The helper variable which is a promise of cvRouter</span>
522
532
  <span class="hljs-keyword">let</span> cvRouter = <span class="hljs-literal">null</span>;
523
533
 
524
534
  <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'btn-scan'</span>).addEventListener(<span class="hljs-string">'click'</span>, <span class="hljs-keyword">async</span> () =&gt; {
@@ -591,7 +601,7 @@ cvRouter.addResultReceiver({ <span class="hljs-attr">onDecodedBarcodesReceived</
591
601
  <tbody>
592
602
  <tr>
593
603
  <td><strong>ReadBarcodes_Default</strong></td>
594
- <td>Scans a single barcode.</td>
604
+ <td>Scans barcodes.</td>
595
605
  </tr>
596
606
  <tr>
597
607
  <td><strong>ReadSingleBarcode</strong></td>
@@ -653,10 +663,10 @@ settings.capturedResultItemTypes =
653
663
  resultReceiver.onCapturedResultReceived = <span class="hljs-function">(<span class="hljs-params">result</span>) =&gt;</span> {
654
664
  <span class="hljs-keyword">let</span> barcodes = result.items.filter(<span class="hljs-function"><span class="hljs-params">item</span> =&gt;</span> item.type === EnumCRIT.CRIT_BARCODE);
655
665
  <span class="hljs-keyword">if</span> (barcodes.length &gt; <span class="hljs-number">0</span>) {
666
+ <span class="hljs-comment">// Use a filter to get the image on which barcodes are found.</span>
656
667
  <span class="hljs-keyword">let</span> image = result.items.filter(
657
668
  <span class="hljs-function"><span class="hljs-params">item</span> =&gt;</span> item.type === EnumCRIT.CRIT_ORIGINAL_IMAGE
658
669
  )[<span class="hljs-number">0</span>].imageData;
659
- <span class="hljs-comment">// The image that we found the barcode(s) on.</span>
660
670
  }
661
671
  };
662
672
  </code></pre>
@@ -671,7 +681,28 @@ settings.minImageCaptureInterval = <span class="hljs-number">500</span>;
671
681
  <span class="hljs-keyword">await</span> cvRouter.startCapturing(<span class="hljs-string">"ReadSingleBarcode"</span>);
672
682
  </code></pre>
673
683
  <h5 id="specify-a-scan-region">Specify a scan region</h5>
674
- <p>You can use the parameter <code>roi</code> (region of interest) together with the parameter <code>roiMeasuredInPercentage</code> to configure the SDK to only read a specific region on the image frames. For example, the following code limits the reading in the center 25%( = 50% * 50%) of the image frames:</p>
684
+ <p>We can specify a scan region to allow the SDK to process only part of the image, improving processing speed. The code snippet below demonstrates how to do this using the <code>cameraEnhancer</code> image source.</p>
685
+ <pre><code class="hljs javascript language-javascript">cameraEnhancer = <span class="hljs-keyword">await</span> Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
686
+ <span class="hljs-comment">// In this example, we set the scan region to cover the central 25% of the image.</span>
687
+ cameraEnhancer.setScanRegion({
688
+ <span class="hljs-attr">x</span>: <span class="hljs-number">25</span>,
689
+ <span class="hljs-attr">y</span>: <span class="hljs-number">25</span>,
690
+ <span class="hljs-attr">width</span>: <span class="hljs-number">50</span>,
691
+ <span class="hljs-attr">height</span>: <span class="hljs-number">50</span>,
692
+ <span class="hljs-attr">isMeasuredInPercentage</span>: <span class="hljs-literal">true</span>,
693
+ });
694
+ </code></pre>
695
+ <p><em>Note</em>:</p>
696
+ <ol>
697
+ <li>By configuring the region at the image source, images are cropped before processing, removing the need to adjust any further processing settings.</li>
698
+ <li><code>cameraEnhancer</code> enhances interactivity by overlaying a mask on the video, clearly marking the scanning region.</li>
699
+ </ol>
700
+ <p><em>See Also</em>:</p>
701
+ <p><a href="https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/acquisition.html#setscanregion">CameraEnhancer::setScanRegion</a></p>
702
+ <!-- Since DCE is always used, no need to use this approach
703
+
704
+
705
+ You can use the parameter `roi` (region of interest) together with the parameter `roiMeasuredInPercentage` to configure the SDK to only read a specific region on the image frames. For example, the following code limits the reading in the center 25%( = 50% * 50%) of the image frames:
675
706
  <pre><code class="hljs javascript language-javascript"><span class="hljs-keyword">let</span> settings = <span class="hljs-keyword">await</span> cvRouter.getSimplifiedSettings(<span class="hljs-string">"ReadSingleBarcode"</span>);
676
707
  settings.roiMeasuredInPercentage = <span class="hljs-literal">true</span>;
677
708
  settings.roi.points = [
@@ -682,24 +713,7 @@ settings.roi.points = [
682
713
  ];
683
714
  <span class="hljs-keyword">await</span> cvRouter.updateSettings(<span class="hljs-string">"ReadSingleBarcode"</span>, settings);
684
715
  <span class="hljs-keyword">await</span> cvRouter.startCapturing(<span class="hljs-string">"ReadSingleBarcode"</span>);
685
- </code></pre>
686
- <p>While the code above accomplishes the task, a more effective approach is to restrict the scan region directly at the image source, as demonstrated in the following code snippet.</p>
687
- <blockquote>
688
- <ul>
689
- <li>With the region configured at the image source, the images are cropped right before they are gathered for processing, eliminating the necessity to modify the processing settings further.</li>
690
- <li><code>cameraEnhancer</code> elevates interactivity by overlaying a mask on the video, providing a clear delineation of the scanning region.</li>
691
- <li>See also: <a href="https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/acquisition.html#setscanregion">CameraEnhancer::setScanRegion</a></li>
692
- </ul>
693
- </blockquote>
694
- <pre><code class="hljs javascript language-javascript">cameraEnhancer = <span class="hljs-keyword">await</span> Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
695
- cameraEnhancer.setScanRegion({
696
- <span class="hljs-attr">x</span>: <span class="hljs-number">25</span>,
697
- <span class="hljs-attr">y</span>: <span class="hljs-number">25</span>,
698
- <span class="hljs-attr">width</span>: <span class="hljs-number">50</span>,
699
- <span class="hljs-attr">height</span>: <span class="hljs-number">50</span>,
700
- <span class="hljs-attr">isMeasuredInPercentage</span>: <span class="hljs-literal">true</span>,
701
- });
702
- </code></pre>
716
+ </code></pre> -->
703
717
  <!--
704
718
  * Specify the maximum time allowed for processing each image
705
719
 
@@ -713,13 +727,13 @@ settings.timeout = <span class="hljs-number">500</span>;
713
727
  </code></pre>
714
728
  -->
715
729
  <h4 id="edit-the-preset-templates-directly">Edit the preset templates directly</h4>
716
- <p>The preset templates have a lot more settings that can be customized to best suit your use case. If you <a href="https://www.dynamsoft.com/barcode-reader/downloads/1000003-confirmation/">download the SDK from Dynamsoft website</a>, you can find the templates under</p>
730
+ <p>The preset templates have many more settings that can be customized to suit your use case best. If you <a href="https://www.dynamsoft.com/barcode-reader/downloads/1000003-confirmation/">download the SDK from Dynamsoft website</a>, you can find the templates under</p>
717
731
  <ul>
718
- <li>"/dynamsoft-barcode-reader-js-10.2.10/dynamsoft/resources/barcode-reader/templates/"</li>
732
+ <li>"/dynamsoft-barcode-reader-js-10.4.2000/dynamsoft/templates/"</li>
719
733
  </ul>
720
734
  <p>Upon completing the template editing, you can invoke the <code>initSettings</code> method and provide it with the template path as an argument.</p>
721
- <pre><code class="hljs javascript language-javascript"><span class="hljs-keyword">await</span> cvRouter.initSettings(<span class="hljs-string">"PATH-TO-THE-FILE"</span>); <span class="hljs-comment">//e.g. "https://your-website/ReadSingleBarcode.json")</span>
722
- <span class="hljs-keyword">await</span> cvRouter.startCapturing(<span class="hljs-string">"ReadSingleBarcode"</span>); <span class="hljs-comment">// Make sure the name matches one of the CaptureVisionTemplates in the json file.</span>
735
+ <pre><code class="hljs javascript language-javascript"><span class="hljs-keyword">await</span> cvRouter.initSettings(<span class="hljs-string">"PATH-TO-THE-FILE"</span>); <span class="hljs-comment">// E.g. "https://your-website/ReadSingleBarcode.json")</span>
736
+ <span class="hljs-keyword">await</span> cvRouter.startCapturing(<span class="hljs-string">"ReadSingleBarcode"</span>); <span class="hljs-comment">// Make sure the name matches one of the CaptureVisionTemplates in the template JSON file.</span>
723
737
  </code></pre>
724
738
  <h4 id="filter-the-results-important">Filter the results (Important)</h4>
725
739
  <p>While processing video frames, it's common for the same barcode to be detected multiple times. To enhance the user experience, we can use <a href="https://www.dynamsoft.com/capture-vision/docs/web/programming/javascript/api-reference/utility/multi-frame-result-cross-filter.html">MultiFrameResultCrossFilter</a> object, having two options currently at our disposal:</p>
@@ -772,7 +786,7 @@ cvRouter.addResultReceiver(resultReceiver);
772
786
  <p>The UI is part of the auxiliary SDK "Dynamsoft Camera Enhancer", read more on how to <a href="https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/user-guide/index.html#customize-the-ui">customize the UI</a>.</p>
773
787
  <h2 id="api-documentation">API Documentation</h2>
774
788
  <p>You can check out the detailed documentation about the APIs of the SDK at<br />
775
- <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=10.2.10">https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=10.2.10</a>.</p>
789
+ <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=10.4.2000">https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=10.4.2000</a>.</p>
776
790
  <h2 id="system-requirements">System Requirements</h2>
777
791
  <p>DBR requires the following features to work:</p>
778
792
  <ul>
@@ -807,7 +821,7 @@ cvRouter.addResultReceiver(resultReceiver);
807
821
  </tr>
808
822
  <tr>
809
823
  <td style="text-align:center;">Firefox</td>
810
- <td style="text-align:center;">v62+<sup>1</sup></td>
824
+ <td style="text-align:center;">v68+<sup>1</sup></td>
811
825
  </tr>
812
826
  <tr>
813
827
  <td style="text-align:center;">Edge</td>
@@ -822,15 +836,15 @@ cvRouter.addResultReceiver(resultReceiver);
822
836
  <p><sup>1</sup> devices running iOS needs to be on iOS 14.3+ for camera video streaming to work in Chrome, Firefox or other Apps using webviews.</p>
823
837
  <p>Apart from the browsers, the operating systems may impose some limitations of their own that could restrict the use of the SDK. Browser compatibility ultimately depends on whether the browser on that particular operating system supports the features listed above.</p>
824
838
  <h2 id="how-to-upgrade">How to Upgrade</h2>
825
- <p>If you want to upgrade the SDK from an old version to a newer one, please see <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/upgrade-guide/index.html?ver=10.2.10&utm_source=npm">how to upgrade</a>.</p>
839
+ <p>If you want to upgrade the SDK from an old version to a newer one, please see <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/upgrade-guide/index.html?ver=10.4.2000&utm_source=npm">how to upgrade</a>.</p>
826
840
  <h2 id="release-notes">Release Notes</h2>
827
- <p>Learn about what are included in each release at <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/release-notes/index.html?ver=10.2.10&utm_source=npm">https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/release-notes/index.html</a>.</p>
841
+ <p>Learn about what are included in each release at <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/release-notes/index.html?ver=10.4.20&utm_source=npm">https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/release-notes/index.html</a>.</p>
828
842
  <h2 id="next-steps">Next Steps</h2>
829
843
  <p>Now that you have got the SDK integrated, you can choose to move forward in the following directions</p>
830
844
  <ol>
831
845
  <li>Learn how to <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/use-in-framework.html">Use in Framework</a></li>
832
- <li>Check out the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=10.2.10">Official Samples and Demo</a></li>
833
- <li>Learn about the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/index.html?ver=10.2.10">APIs of the SDK</a></li>
846
+ <li>Check out the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=10.4.20">Official Samples and Demo</a></li>
847
+ <li>Learn about the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/index.html?ver=10.4.2000">APIs of the SDK</a></li>
834
848
  </ol>
835
849
  </div>
836
850
  </body>
package/README.md CHANGED
@@ -54,21 +54,21 @@ In this guide, you will learn step by step on how to integrate the DBR-JS SDK in
54
54
 
55
55
  **Popular Examples**
56
56
 
57
- - Hello World - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/hello-world.html) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.2.10&utm_source=npm)
58
- - Angular App - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/angular) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/angular/dist/dbrjs-sample-angular/browser/?ver=10.2.10&utm_source=npm)
59
- - React App - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/react) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/react/build/?ver=10.2.10&utm_source=npm)
60
- - Vue App - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/vue) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/vue/dist/?ver=10.2.10&utm_source=npm)
61
- - PWA App - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/pwa) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/pwa/helloworld-pwa.html?ver=10.2.10&utm_source=npm)
62
- - WebView in Android and iOS - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v10.2.10/hello-world/webview)
63
- - Read Driver Licenses - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/use-case/read-a-drivers-license/index.html) \| [Run](https://demo.dynamsoft.com/samples/dbr/js/use-case/read-a-drivers-license/index.html?ver=10.2.10&utm_source=npm)
64
- - Fill A Form - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/use-case/fill-a-form-with-barcode-reading.html) \| [Run](https://demo.dynamsoft.com/samples/dbr/js/use-case/fill-a-form-with-barcode-reading.html?ver=10.2.10&utm_source=npm)
65
- - Show result information on the video - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/use-case/show-result-texts-on-the-video.html) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/use-case/show-result-texts-on-the-video.html?ver=10.2.10&utm_source=npm)
66
- - Debug Camera and Collect Video Frame - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/others/debug)
57
+ - Hello World - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/hello-world.html) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.4.20&utm_source=npm)
58
+ - Angular App - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/angular) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/angular/dist/dbrjs-sample-angular/browser/?ver=10.4.20&utm_source=npm)
59
+ - React App - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/react) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/react/build/?ver=10.4.20&utm_source=npm)
60
+ - Vue App - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/vue) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/vue/dist/?ver=10.4.20&utm_source=npm)
61
+ - PWA App - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/pwa) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/pwa/helloworld-pwa.html?ver=10.4.20&utm_source=npm)
62
+ - WebView in Android and iOS - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v10.4.20/hello-world/webview)
63
+ - Read Driver Licenses - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/use-case/read-a-drivers-license/index.html) \| [Run](https://demo.dynamsoft.com/samples/dbr/js/use-case/read-a-drivers-license/index.html?ver=10.4.20&utm_source=npm)
64
+ - Fill A Form - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/use-case/fill-a-form-with-barcode-reading.html) \| [Run](https://demo.dynamsoft.com/samples/dbr/js/use-case/fill-a-form-with-barcode-reading.html?ver=10.4.20&utm_source=npm)
65
+ - Show result information on the video - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/use-case/show-result-texts-on-the-video.html) \| [Run](https://demo.dynamsoft.com/Samples/DBR/JS/use-case/show-result-texts-on-the-video.html?ver=10.4.20&utm_source=npm)
66
+ - Debug Camera and Collect Video Frame - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/others/debug)
67
67
 
68
68
  You can also:
69
69
 
70
- - Try the Official Demo - [Run](https://demo.dynamsoft.com/barcode-reader-js/?ver=10.2.10&utm_source=npm) \| [Github](https://github.com/Dynamsoft/barcode-reader-javascript-demo/)
71
- - Try Online Examples - [Run](https://demo.dynamsoft.com/Samples/DBR/JS/index.html?ver=10.2.10&utm_source=npm) \| [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v10.2.10/)
70
+ - Try the Official Demo - [Run](https://demo.dynamsoft.com/barcode-reader-js/?ver=10.4.20&utm_source=npm) \| [Github](https://github.com/Dynamsoft/barcode-reader-javascript-demo/)
71
+ - Try Online Examples - [Run](https://demo.dynamsoft.com/Samples/DBR/JS/index.html?ver=10.4.20&utm_source=npm) \| [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v10.4.20/)
72
72
 
73
73
  ## Hello World - Simplest Implementation
74
74
 
@@ -89,7 +89,7 @@ The complete code of the "Hello World" example is shown below
89
89
  <body>
90
90
  <div id="camera-view-container" style="width: 100%; height: 60vh"></div>
91
91
  <textarea id="results" style="width: 100%; min-height: 10vh; font-size: 3vmin; overflow: auto" disabled></textarea>
92
- <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
92
+ <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"></script>
93
93
  <script>
94
94
  Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");
95
95
  Dynamsoft.Core.CoreModule.loadWasm(["dbr"]);
@@ -127,7 +127,7 @@ The complete code of the "Hello World" example is shown below
127
127
  <!--TOM: Update the code links-->
128
128
 
129
129
  <p align="center" style="text-align:center; white-space: normal; ">
130
- <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.2.10/hello-world/hello-world.html" title="Code in Github" style="text-decoration:none;">
130
+ <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v10.4.20/hello-world/hello-world.html" title="Code in Github" style="text-decoration:none;">
131
131
  <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/github.svg" alt="Code in Github" width="20" height="20" style="width:20px;height:20px;">
132
132
  </a>
133
133
  &nbsp;
@@ -135,11 +135,19 @@ The complete code of the "Hello World" example is shown below
135
135
  <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/jsfiddle.svg" alt="Run via JSFiddle" width="20" height="20" style="width:20px;height:20px;" >
136
136
  </a>
137
137
  &nbsp;
138
- <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.2.10&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
138
+ <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.4.20&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
139
139
  <img src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.0.0/svgs/solid/circle-play.svg" alt="Run in Dynamsoft" width="20" height="20" style="width:20px;height:20px;">
140
140
  </a>
141
141
  </p>
142
142
 
143
+ > Don't want to deal with too many details? We also have an **out-of-the-box** version:
144
+ >
145
+ > [Easy Barcode Scanner >>](https://github.com/Dynamsoft/easy-barcode-scanner) available for your reference.
146
+ > ```js
147
+ > // Scan instantly with a single function!
148
+ > let txt = await EasyBarcodeScanner.scan();
149
+ > ```
150
+
143
151
  -----
144
152
 
145
153
  #### About the code
@@ -174,7 +182,7 @@ The complete code of the "Hello World" example is shown below
174
182
 
175
183
  ### Run the example
176
184
 
177
- You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.2.10&utm_source=npm) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/).
185
+ You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=10.4.20&utm_source=npm) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/).
178
186
 
179
187
  You will be asked to allow access to your camera, after which the video will be displayed on the page. After that, you can point the camera at a barcode to read it.
180
188
 
@@ -193,7 +201,7 @@ To make sure your web application can access the camera, please configure your w
193
201
  3. Tomcat: [Setting Up SSL on Tomcat in 5 minutes](https://dzone.com/articles/setting-ssl-tomcat-5-minutes)
194
202
  4. Node.js: [npm tls](https://nodejs.org/docs/v0.4.1/api/tls.html)
195
203
 
196
- If the test doesn't go as expected, you can [contact us](https://www.dynamsoft.com/company/contact/?ver=10.2.10&utm_source=npm&product=dbr&package=js).
204
+ If the test doesn't go as expected, you can [contact us](https://www.dynamsoft.com/company/contact/?ver=10.4.20&utm_source=npm&product=dbr&package=js).
197
205
 
198
206
  ## Building your own page
199
207
 
@@ -217,19 +225,19 @@ The simplest way to include the SDK is to use either the [jsDelivr](https://jsde
217
225
  - jsDelivr
218
226
 
219
227
  ```html
220
- <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
228
+ <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"></script>
221
229
  ```
222
230
 
223
231
  - UNPKG
224
232
 
225
233
  ```html
226
- <script src="https://unpkg.com/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
234
+ <script src="https://unpkg.com/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"></script>
227
235
  ```
228
236
 
229
237
  - In some rare cases (such as some restricted areas), you might not be able to access the CDN. If this happens, you can use the following files for the test.
230
238
 
231
239
  ```html
232
- <script src="https://download2.dynamsoft.com/packages/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
240
+ <script src="https://download2.dynamsoft.com/packages/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"></script>
233
241
  ```
234
242
 
235
243
  However, please **DO NOT** use `download2.dynamsoft.com` resources in a production application as they are for temporary testing purposes only. Instead, you can try hosting the SDK yourself.
@@ -237,9 +245,9 @@ The simplest way to include the SDK is to use either the [jsDelivr](https://jsde
237
245
  - In frameworks like React and Vue, you may want to add the package as a dependency.
238
246
 
239
247
  ```sh
240
- npm i dynamsoft-barcode-reader-bundle@10.2.1000 -E
248
+ npm i dynamsoft-barcode-reader-bundle@10.4.2000 -E
241
249
  # or
242
- yarn add dynamsoft-barcode-reader-bundle@10.2.1000 -E
250
+ yarn add dynamsoft-barcode-reader-bundle@10.4.2000 -E
243
251
  ```
244
252
 
245
253
  NOTE that in frameworks, you need to [specify the engineResourcePaths](#specify-the-location-of-the-engine-files-optional).
@@ -252,18 +260,18 @@ There are two options for downloading the SDK, and the usage for each is slightl
252
260
 
253
261
  - From the website
254
262
 
255
- [Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=10.2.10&utm_source=npm&product=dbr&package=js)
263
+ [Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=10.4.20&utm_source=npm&product=dbr&package=js)
256
264
 
257
265
  The resources are located at path `dynamsoft/distributables/<pkg>@<version>`, you can typically include it like this:
258
266
 
259
267
  ```html
260
- <script src="dynamsoft/distributables/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
268
+ <script src="dynamsoft/distributables/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"></script>
261
269
  ```
262
270
 
263
271
  - npm
264
272
 
265
273
  ```sh
266
- npm i dynamsoft-barcode-reader-bundle@10.2.1000 -E
274
+ npm i dynamsoft-barcode-reader-bundle@10.4.2000 -E
267
275
  # Compared with using CDN, you need to set up more resources.
268
276
  npm i dynamsoft-capture-vision-std@1.2.10 -E
269
277
  npm i dynamsoft-image-processing@2.2.30 -E
@@ -275,7 +283,9 @@ There are two options for downloading the SDK, and the usage for each is slightl
275
283
  <script src="node_modules/dynamsoft-barcode-reader-bundle/dist/dbr.bundle.js"></script>
276
284
  ```
277
285
 
278
- Since `@<version>` are missing, you need to [specify the engineResourcePaths](#specify-the-location-of-the-engine-files-optional).
286
+ Since the version tags (`@<version>`) are missing, you need to [specify the engineResourcePaths](#specify-the-location-of-the-engine-files-optional) so that the SDK can find the resources correctly.
287
+
288
+ > To avoid confusion, we suggest renaming "node_modules" or moving "dynamsoft-" packages elsewhere for self-hosting, as "node_modules" is reserved for Node.js dependencies.
279
289
 
280
290
  *Note*:
281
291
 
@@ -306,7 +316,7 @@ To enable the SDK's functionality, you must provide a valid license. Utilize the
306
316
  Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");
307
317
  ```
308
318
 
309
- As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves as a test license valid for 24 hours, applicable to any newly authorized browser. To test the SDK further, you can request a 30-day free trial license via the <a href="https://www.dynamsoft.com/customer/license/trialLicense?ver=10.2.10&utm_source=npm&product=dbr&package=js" target="_blank">Request a Trial License</a> link.
319
+ As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves as a test license valid for 24 hours, applicable to any newly authorized browser. To test the SDK further, you can request a 30-day free trial license via the <a href="https://www.dynamsoft.com/customer/license/trialLicense?ver=10.4.20&utm_source=npm&product=dbr&package=js" target="_blank">Request a Trial License</a> link.
310
320
 
311
321
  > Upon registering a Dynamsoft account and obtaining the SDK package from the official website, Dynamsoft will automatically create a 30-day free trial license and embed the corresponding license key into all the provided SDK samples.
312
322
 
@@ -319,13 +329,13 @@ The purpose is to tell the SDK where to find the engine files (\*.worker.js, \*.
319
329
  ```javascript
320
330
  //The following code uses the jsDelivr CDN, feel free to change it to your own location of these files
321
331
  Object.assign(Dynamsoft.Core.CoreModule.engineResourcePaths, {
322
- std: "https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/",
323
- dip: "https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/",
324
- core: "https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/",
325
- license: "https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/",
326
- cvr: "https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/",
327
- dbr: "https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/",
328
- dce: "https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/"
332
+ std: "https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.4.10/dist/",
333
+ dip: "https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.4.20/dist/",
334
+ core: "https://cdn.jsdelivr.net/npm/dynamsoft-core@3.4.20/dist/",
335
+ license: "https://cdn.jsdelivr.net/npm/dynamsoft-license@3.4.20/dist/",
336
+ cvr: "https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.4.20/dist/",
337
+ dbr: "https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.4.20/dist/",
338
+ dce: "https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.1.0/dist/"
329
339
  });
330
340
  ```
331
341
 
@@ -362,7 +372,7 @@ When creating a `CaptureVisionRouter` object within a function which may be call
362
372
  ```javascript
363
373
  Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");
364
374
 
365
- let pCvRouter = null; // promise of cvRouter
375
+ let pCvRouter = null; // The helper variable which is a promise of cvRouter
366
376
  let cvRouter = null;
367
377
 
368
378
  document.getElementById('btn-scan').addEventListener('click', async () => {
@@ -446,7 +456,7 @@ await cvRouter.startCapturing("ReadSingleBarcode");
446
456
 
447
457
  | Template Name | Function Description |
448
458
  | ------------------------------ | -------------------------------------------------------------- |
449
- | **ReadBarcodes_Default** | Scans a single barcode. |
459
+ | **ReadBarcodes_Default** | Scans barcodes. |
450
460
  | **ReadSingleBarcode** | Quickly scans a single barcode. |
451
461
  | **ReadBarcodes_SpeedFirst** | Prioritizes speed in scanning multiple barcodes. |
452
462
  | **ReadBarcodes_ReadRateFirst** | Maximizes the number of barcodes read. |
@@ -506,10 +516,10 @@ const EnumCRIT = Dynamsoft.Core.EnumCapturedResultItemType;
506
516
  resultReceiver.onCapturedResultReceived = (result) => {
507
517
  let barcodes = result.items.filter(item => item.type === EnumCRIT.CRIT_BARCODE);
508
518
  if (barcodes.length > 0) {
519
+ // Use a filter to get the image on which barcodes are found.
509
520
  let image = result.items.filter(
510
521
  item => item.type === EnumCRIT.CRIT_ORIGINAL_IMAGE
511
522
  )[0].imageData;
512
- // The image that we found the barcode(s) on.
513
523
  }
514
524
  };
515
525
  ```
@@ -529,6 +539,32 @@ await cvRouter.startCapturing("ReadSingleBarcode");
529
539
 
530
540
  ##### Specify a scan region
531
541
 
542
+ We can specify a scan region to allow the SDK to process only part of the image, improving processing speed. The code snippet below demonstrates how to do this using the `cameraEnhancer` image source.
543
+
544
+ ```javascript
545
+ cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
546
+ // In this example, we set the scan region to cover the central 25% of the image.
547
+ cameraEnhancer.setScanRegion({
548
+ x: 25,
549
+ y: 25,
550
+ width: 50,
551
+ height: 50,
552
+ isMeasuredInPercentage: true,
553
+ });
554
+ ```
555
+
556
+ *Note*:
557
+
558
+ 1. By configuring the region at the image source, images are cropped before processing, removing the need to adjust any further processing settings.
559
+ 2. `cameraEnhancer` enhances interactivity by overlaying a mask on the video, clearly marking the scanning region.
560
+
561
+ *See Also*:
562
+
563
+ [CameraEnhancer::setScanRegion](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/acquisition.html#setscanregion)
564
+
565
+ <!-- Since DCE is always used, no need to use this approach
566
+
567
+
532
568
  You can use the parameter `roi` (region of interest) together with the parameter `roiMeasuredInPercentage` to configure the SDK to only read a specific region on the image frames. For example, the following code limits the reading in the center 25%( = 50% * 50%) of the image frames:
533
569
 
534
570
  ```javascript
@@ -542,24 +578,8 @@ settings.roi.points = [
542
578
  ];
543
579
  await cvRouter.updateSettings("ReadSingleBarcode", settings);
544
580
  await cvRouter.startCapturing("ReadSingleBarcode");
545
- ```
581
+ ``` -->
546
582
 
547
- While the code above accomplishes the task, a more effective approach is to restrict the scan region directly at the image source, as demonstrated in the following code snippet.
548
-
549
- > * With the region configured at the image source, the images are cropped right before they are gathered for processing, eliminating the necessity to modify the processing settings further.
550
- > * `cameraEnhancer` elevates interactivity by overlaying a mask on the video, providing a clear delineation of the scanning region.
551
- > * See also: [CameraEnhancer::setScanRegion](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/acquisition.html#setscanregion)
552
-
553
- ```javascript
554
- cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
555
- cameraEnhancer.setScanRegion({
556
- x: 25,
557
- y: 25,
558
- width: 50,
559
- height: 50,
560
- isMeasuredInPercentage: true,
561
- });
562
- ```
563
583
 
564
584
  <!--
565
585
  * Specify the maximum time allowed for processing each image
@@ -578,15 +598,15 @@ await cvRouter.startCapturing("ReadSingleBarcode");
578
598
 
579
599
  #### Edit the preset templates directly
580
600
 
581
- The preset templates have a lot more settings that can be customized to best suit your use case. If you [download the SDK from Dynamsoft website](https://www.dynamsoft.com/barcode-reader/downloads/1000003-confirmation/), you can find the templates under
601
+ The preset templates have many more settings that can be customized to suit your use case best. If you [download the SDK from Dynamsoft website](https://www.dynamsoft.com/barcode-reader/downloads/1000003-confirmation/), you can find the templates under
582
602
 
583
- * "/dynamsoft-barcode-reader-js-10.2.10/dynamsoft/resources/barcode-reader/templates/"
603
+ * "/dynamsoft-barcode-reader-js-10.4.2000/dynamsoft/templates/"
584
604
 
585
605
  Upon completing the template editing, you can invoke the `initSettings` method and provide it with the template path as an argument.
586
606
 
587
607
  ```javascript
588
- await cvRouter.initSettings("PATH-TO-THE-FILE"); //e.g. "https://your-website/ReadSingleBarcode.json")
589
- await cvRouter.startCapturing("ReadSingleBarcode"); // Make sure the name matches one of the CaptureVisionTemplates in the json file.
608
+ await cvRouter.initSettings("PATH-TO-THE-FILE"); // E.g. "https://your-website/ReadSingleBarcode.json")
609
+ await cvRouter.startCapturing("ReadSingleBarcode"); // Make sure the name matches one of the CaptureVisionTemplates in the template JSON file.
590
610
  ```
591
611
 
592
612
  #### Filter the results (Important)
@@ -662,7 +682,7 @@ The UI is part of the auxiliary SDK "Dynamsoft Camera Enhancer", read more on ho
662
682
  ## API Documentation
663
683
 
664
684
  You can check out the detailed documentation about the APIs of the SDK at
665
- [https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=10.2.10](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=10.2.10).
685
+ [https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=10.4.2000](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=10.4.2000).
666
686
 
667
687
  ## System Requirements
668
688
 
@@ -694,7 +714,7 @@ The following table is a list of supported browsers based on the above requireme
694
714
  | Browser Name | Version |
695
715
  | :----------: | :--------------: |
696
716
  | Chrome | v78+<sup>1</sup> |
697
- | Firefox | v62+<sup>1</sup> |
717
+ | Firefox | v68+<sup>1</sup> |
698
718
  | Edge | v79+ |
699
719
  | Safari | v14+ |
700
720
 
@@ -704,16 +724,16 @@ Apart from the browsers, the operating systems may impose some limitations of th
704
724
 
705
725
  ## How to Upgrade
706
726
 
707
- If you want to upgrade the SDK from an old version to a newer one, please see [how to upgrade](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/upgrade-guide/index.html?ver=10.2.10&utm_source=npm).
727
+ If you want to upgrade the SDK from an old version to a newer one, please see [how to upgrade](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/upgrade-guide/index.html?ver=10.4.2000&utm_source=npm).
708
728
 
709
729
  ## Release Notes
710
730
 
711
- Learn about what are included in each release at [https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/release-notes/index.html](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/release-notes/index.html?ver=10.2.10&utm_source=npm).
731
+ Learn about what are included in each release at [https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/release-notes/index.html](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/release-notes/index.html?ver=10.4.20&utm_source=npm).
712
732
 
713
733
  ## Next Steps
714
734
 
715
735
  Now that you have got the SDK integrated, you can choose to move forward in the following directions
716
736
 
717
737
  1. Learn how to [Use in Framework](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/use-in-framework.html)
718
- 2. Check out the [Official Samples and Demo](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=10.2.10)
719
- 3. Learn about the [APIs of the SDK](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/index.html?ver=10.2.10)
738
+ 2. Check out the [Official Samples and Demo](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=10.4.20)
739
+ 3. Learn about the [APIs of the SDK](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/index.html?ver=10.4.2000)
package/dist/dbr.bundle.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * @website http://www.dynamsoft.com
5
5
  * @copyright Copyright 2024, Dynamsoft Corporation
6
6
  * @author Dynamsoft
7
- * @version 10.4.2000-beta-202409252002
7
+ * @version 10.4.2000-beta-202409252259
8
8
  * @fileoverview Dynamsoft JavaScript Library for Barcode Reader
9
9
  * More info on dbr JS: https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/
10
10
  */
package/dist/dbr.bundle.mjs CHANGED
@@ -4,7 +4,7 @@
4
4
  * @website http://www.dynamsoft.com
5
5
  * @copyright Copyright 2024, Dynamsoft Corporation
6
6
  * @author Dynamsoft
7
- * @version 10.4.2000-beta-202409252002
7
+ * @version 10.4.2000-beta-202409252259
8
8
  * @fileoverview Dynamsoft JavaScript Library for Barcode Reader
9
9
  * More info on dbr JS: https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/
10
10
  */
package/dist/dbr.no-content-bundle.esm.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * @website http://www.dynamsoft.com
5
5
  * @copyright Copyright 2024, Dynamsoft Corporation
6
6
  * @author Dynamsoft
7
- * @version 10.4.2000-beta-202409252002
7
+ * @version 10.4.2000-beta-202409252259
8
8
  * @fileoverview Dynamsoft JavaScript Library for Barcode Reader
9
9
  * More info on dbr JS: https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/
10
10
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dynamsoft-barcode-reader-bundle",
3
- "version": "10.4.2000-beta-202409252002",
3
+ "version": "10.4.2000-beta-202409252259",
4
4
  "description": "Dynamsoft Barcode Reader JS is a recognition SDK which enables you to embed barcode reading functionality in your web, desktop, and mobile applications. With a few lines of JavaScript code, you can develop a robust application to scan a linear barcode, QR Code, DaraMatrix, PDF417, and Aztec Code.",
5
5
  "main": "dist/dbr.bundle.js",
6
6
  "module": "dist/dbr.no-content-bundle.esm.js",