dynamsoft-barcode-reader-bundle 11.2.2000 → 11.2.4000-beta-202511101735

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.
package/README.html CHANGED
@@ -267,7 +267,7 @@ Thanks to its simplified APIs and built-in UI for video streaming, you can imple
267
267
  <pre><code class="hljs html language-html"><span class="hljs-meta">&lt;!DOCTYPE <span class="hljs-meta-keyword">html</span>&gt;</span>
268
268
  <span class="hljs-tag">&lt;<span class="hljs-name">html</span> <span class="hljs-attr">lang</span>=<span class="hljs-string">&quot;en&quot;</span>&gt;</span>
269
269
  <span class="hljs-tag">&lt;<span class="hljs-name">body</span>&gt;</span>
270
- <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
270
+ <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
271
271
  <span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="javascript">
272
272
  <span class="hljs-comment">// Initialize the Dynamsoft Barcode Scanner</span>
273
273
  <span class="hljs-keyword">const</span> barcodeScanner = <span class="hljs-keyword">new</span> Dynamsoft.BarcodeScanner({
@@ -287,7 +287,7 @@ Thanks to its simplified APIs and built-in UI for video streaming, you can imple
287
287
  <span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span>
288
288
  </code></pre>
289
289
  <p align="center" style="text-align:center; white-space: normal; ">
290
- <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.20/barcode-scanner-api-samples/scan-single-barcode/hello-world.html" title="Code in Github" style="text-decoration:none;">
290
+ <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.40/barcode-scanner-api-samples/scan-single-barcode/hello-world.html" title="Code in Github" style="text-decoration:none;">
291
291
  <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;">
292
292
  </a>
293
293
  &nbsp;
@@ -295,17 +295,17 @@ Thanks to its simplified APIs and built-in UI for video streaming, you can imple
295
295
  <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;" >
296
296
  </a>
297
297
  &nbsp;
298
- <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/barcode-scanner-api-samples/scan-single-barcode/hello-world.html?ver=11.2.20&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
298
+ <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/barcode-scanner-api-samples/scan-single-barcode/hello-world.html?ver=11.2.40&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
299
299
  <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;">
300
300
  </a>
301
301
  </p>
302
302
  <h3 id="step-1-setting-up-the-html-and-including-the-barcode-scanner">Step 1: Setting up the HTML and Including the Barcode Scanner</h3>
303
- <p>As outlined earlier, this guide will help you create a simple Hello World barcode scanning application using vanilla JavaScript. The full sample code is also available in the <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v11.2.20">GitHub repository</a>.</p>
303
+ <p>As outlined earlier, this guide will help you create a simple Hello World barcode scanning application using vanilla JavaScript. The full sample code is also available in the <a href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v11.2.40">GitHub repository</a>.</p>
304
304
  <p>The first step before writing the code is to include the SDK in your application. You can simply include the SDK by using the precompiled script.</p>
305
305
  <pre><code class="hljs html language-html"><span class="hljs-meta">&lt;!DOCTYPE <span class="hljs-meta-keyword">html</span>&gt;</span>
306
306
  <span class="hljs-tag">&lt;<span class="hljs-name">html</span> <span class="hljs-attr">lang</span>=<span class="hljs-string">&quot;en&quot;</span>&gt;</span>
307
307
  <span class="hljs-tag">&lt;<span class="hljs-name">body</span>&gt;</span>
308
- <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
308
+ <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
309
309
  <span class="hljs-tag">&lt;/<span class="hljs-name">body</span>&gt;</span>
310
310
  <span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span>
311
311
  </code></pre>
@@ -317,17 +317,17 @@ Thanks to its simplified APIs and built-in UI for video streaming, you can imple
317
317
  <ul>
318
318
  <li>jsDelivr</li>
319
319
  </ul>
320
- <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">&quot;https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
320
+ <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">&quot;https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
321
321
  </code></pre>
322
322
  <ul>
323
323
  <li>UNPKG</li>
324
324
  </ul>
325
- <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">&quot;https://unpkg.com/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
325
+ <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">&quot;https://unpkg.com/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
326
326
  </code></pre>
327
327
  <p>When using a framework such as <strong>React</strong>, <strong>Vue</strong> or <strong>Angular</strong>, we recommend adding the package as a dependency using a package manager such as <strong>npm</strong> or <strong>yarn</strong>:</p>
328
- <pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.2.2000
328
+ <pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.2.4000
329
329
  <span class="hljs-comment"># or</span>
330
- yarn add dynamsoft-barcode-reader-bundle@11.2.2000
330
+ yarn add dynamsoft-barcode-reader-bundle@11.2.4000
331
331
  </code></pre>
332
332
  <p>When using package managers like <strong>npm</strong> or <strong>yarn</strong>, you likely need to specify the location of the engine files as a link to a CDN. Please see the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html#barcodescannerconfig">BarcodeScannerConfig API</a> for a code snippet on how to set the <code>engineResourcePaths</code>.</p>
333
333
  <div class="multi-panel-end"></div>
@@ -336,11 +336,11 @@ Thanks to its simplified APIs and built-in UI for video streaming, you can imple
336
336
  <p>Alternatively, you may choose to download the SDK and host the files on your own server or preferred CDN. This approach provides better control over versioning and availability.</p>
337
337
  <ul>
338
338
  <li><p>From the website</p>
339
- <p><a href="https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.2.20&utm_source=npm&product=dbr&package=js">Download Dynamsoft Barcode Reader JavaScript Package</a></p>
339
+ <p><a href="https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.2.40&utm_source=npm&product=dbr&package=js">Download Dynamsoft Barcode Reader JavaScript Package</a></p>
340
340
  <p>The resources are located in the <code>./dist/</code> directory.</p></li>
341
341
  <li><p>From npm</p></li>
342
342
  </ul>
343
- <pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.2.2000
343
+ <pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.2.4000
344
344
  </code></pre>
345
345
  <p>The resources are located at the path <code>node_modules/&lt;pkg&gt;</code>, without <code>@&lt;version&gt;</code>. You can copy it elsewhere and add <code>@&lt;version&gt;</code> tag.</p>
346
346
  <blockquote>
@@ -348,7 +348,7 @@ Thanks to its simplified APIs and built-in UI for video streaming, you can imple
348
348
  Since "node<em>modules" is reserved for Node.js dependencies, and in our case the package is used only as static resources, we recommend either renaming the "node</em>modules" folder or moving the "dynamsoft-" packages to a dedicated folder for static resources in your project to facilitate self-hosting.</p>
349
349
  </blockquote>
350
350
  <p>You can typically include the SDK like this:</p>
351
- <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">&quot;path/to/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
351
+ <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">&quot;path/to/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
352
352
  </code></pre>
353
353
  <div class="multi-panel-end"></div>
354
354
  <div class="multi-panel-switching-end"></div>
@@ -392,8 +392,8 @@ Thanks to its simplified APIs and built-in UI for video streaming, you can imple
392
392
  <p>Now that you've implemented the basic functionality, here are some recommended next steps to further explore the capabilities of the Barcode Scanner:</p>
393
393
  <ol>
394
394
  <li>Learn how to <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/barcode-scanner-customization.html">Customize the Barcode Scanner</a></li>
395
- <li>Check out the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=11.2.2000">Official Samples and Demo</a></li>
396
- <li>Learn about the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html?ver=11.2.2000">APIs of BarcodeScanner</a></li>
395
+ <li>Check out the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=11.2.4000">Official Samples and Demo</a></li>
396
+ <li>Learn about the <a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html?ver=11.2.4000">APIs of BarcodeScanner</a></li>
397
397
  </ol>
398
398
  </div>
399
399
  </body>
package/README.md CHANGED
@@ -56,7 +56,7 @@ When getting started with Barcode Scanner, we recommend [getting your own 30-day
56
56
  <!DOCTYPE html>
57
57
  <html lang="en">
58
58
  <body>
59
- <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js"></script>
59
+ <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
60
60
  <script>
61
61
  // Initialize the Dynamsoft Barcode Scanner
62
62
  const barcodeScanner = new Dynamsoft.BarcodeScanner({
@@ -77,7 +77,7 @@ When getting started with Barcode Scanner, we recommend [getting your own 30-day
77
77
  ```
78
78
 
79
79
  <p align="center" style="text-align:center; white-space: normal; ">
80
- <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.20/barcode-scanner-api-samples/scan-single-barcode/hello-world.html" title="Code in Github" style="text-decoration:none;">
80
+ <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.40/barcode-scanner-api-samples/scan-single-barcode/hello-world.html" title="Code in Github" style="text-decoration:none;">
81
81
  <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;">
82
82
  </a>
83
83
  &nbsp;
@@ -85,14 +85,14 @@ When getting started with Barcode Scanner, we recommend [getting your own 30-day
85
85
  <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;" >
86
86
  </a>
87
87
  &nbsp;
88
- <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/barcode-scanner-api-samples/scan-single-barcode/hello-world.html?ver=11.2.20&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
88
+ <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/barcode-scanner-api-samples/scan-single-barcode/hello-world.html?ver=11.2.40&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
89
89
  <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;">
90
90
  </a>
91
91
  </p>
92
92
 
93
93
  ### Step 1: Setting up the HTML and Including the Barcode Scanner
94
94
 
95
- As outlined earlier, this guide will help you create a simple Hello World barcode scanning application using vanilla JavaScript. The full sample code is also available in the [GitHub repository](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v11.2.20).
95
+ As outlined earlier, this guide will help you create a simple Hello World barcode scanning application using vanilla JavaScript. The full sample code is also available in the [GitHub repository](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v11.2.40).
96
96
 
97
97
  The first step before writing the code is to include the SDK in your application. You can simply include the SDK by using the precompiled script.
98
98
 
@@ -100,7 +100,7 @@ The first step before writing the code is to include the SDK in your application
100
100
  <!DOCTYPE html>
101
101
  <html lang="en">
102
102
  <body>
103
- <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js"></script>
103
+ <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
104
104
  </body>
105
105
  </html>
106
106
  ```
@@ -117,21 +117,21 @@ The simplest way to include the SDK is to use either the [**jsDelivr**](https://
117
117
  - jsDelivr
118
118
 
119
119
  ```html
120
- <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js"></script>
120
+ <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
121
121
  ```
122
122
 
123
123
  - UNPKG
124
124
 
125
125
  ```html
126
- <script src="https://unpkg.com/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js"></script>
126
+ <script src="https://unpkg.com/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
127
127
  ```
128
128
 
129
129
  When using a framework such as **React**, **Vue** or **Angular**, we recommend adding the package as a dependency using a package manager such as **npm** or **yarn**:
130
130
 
131
131
  ```sh
132
- npm i dynamsoft-barcode-reader-bundle@11.2.2000
132
+ npm i dynamsoft-barcode-reader-bundle@11.2.4000
133
133
  # or
134
- yarn add dynamsoft-barcode-reader-bundle@11.2.2000
134
+ yarn add dynamsoft-barcode-reader-bundle@11.2.4000
135
135
  ```
136
136
 
137
137
  When using package managers like **npm** or **yarn**, you likely need to specify the location of the engine files as a link to a CDN. Please see the [BarcodeScannerConfig API](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html#barcodescannerconfig) for a code snippet on how to set the `engineResourcePaths`.
@@ -144,14 +144,14 @@ Alternatively, you may choose to download the SDK and host the files on your own
144
144
 
145
145
  - From the website
146
146
 
147
- [Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.2.20&utm_source=npm&product=dbr&package=js)
147
+ [Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.2.40&utm_source=npm&product=dbr&package=js)
148
148
 
149
149
  The resources are located in the `./dist/` directory.
150
150
 
151
151
  - From npm
152
152
 
153
153
  ```sh
154
- npm i dynamsoft-barcode-reader-bundle@11.2.2000
154
+ npm i dynamsoft-barcode-reader-bundle@11.2.4000
155
155
  ```
156
156
 
157
157
  The resources are located at the path `node_modules/<pkg>`, without `@<version>`. You can copy it elsewhere and add `@<version>` tag.
@@ -162,7 +162,7 @@ Alternatively, you may choose to download the SDK and host the files on your own
162
162
  You can typically include the SDK like this:
163
163
 
164
164
  ```html
165
- <script src="path/to/dynamsoft-barcode-reader-bundle@11.2.2000/dist/dbr.bundle.js"></script>
165
+ <script src="path/to/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
166
166
  ```
167
167
  <div class="multi-panel-end"></div>
168
168
 
@@ -218,5 +218,5 @@ Now that the Barcode Scanner has been initialized and configured, it is ready to
218
218
  Now that you've implemented the basic functionality, here are some recommended next steps to further explore the capabilities of the Barcode Scanner:
219
219
 
220
220
  1. Learn how to [Customize the Barcode Scanner](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/barcode-scanner-customization.html)
221
- 2. Check out the [Official Samples and Demo](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=11.2.2000)
222
- 3. Learn about the [APIs of BarcodeScanner](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html?ver=11.2.2000)
221
+ 2. Check out the [Official Samples and Demo](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=11.2.4000)
222
+ 3. Learn about the [APIs of BarcodeScanner](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html?ver=11.2.4000)