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 +14 -14
- package/README.md +14 -14
- package/dist/dbr.bundle.esm.js +2 -2
- package/dist/dbr.bundle.js +2 -2
- package/dist/dbr.bundle.mjs +2 -2
- package/dist/dbr.bundle.worker.js +2 -2
- package/dist/dynamsoft-barcode-reader-bundle-ml-simd-pthread.js +1 -1
- package/dist/dynamsoft-barcode-reader-bundle-ml-simd-pthread.wasm +0 -0
- package/dist/dynamsoft-barcode-reader-bundle-ml-simd.wasm +0 -0
- package/dist/dynamsoft-barcode-reader-bundle.wasm +0 -0
- package/package.json +2 -2
- package/samples.url +1 -1
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"><!DOCTYPE <span class="hljs-meta-keyword">html</span>></span>
|
|
268
268
|
<span class="hljs-tag"><<span class="hljs-name">html</span> <span class="hljs-attr">lang</span>=<span class="hljs-string">"en"</span>></span>
|
|
269
269
|
<span class="hljs-tag"><<span class="hljs-name">body</span>></span>
|
|
270
|
-
<span class="hljs-tag"><<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@11.2.
|
|
270
|
+
<span class="hljs-tag"><<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@11.2.4000/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
|
|
271
271
|
<span class="hljs-tag"><<span class="hljs-name">script</span>></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"></<span class="hljs-name">html</span>></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.
|
|
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
|
|
|
@@ -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
|
|
|
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.
|
|
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.
|
|
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"><!DOCTYPE <span class="hljs-meta-keyword">html</span>></span>
|
|
306
306
|
<span class="hljs-tag"><<span class="hljs-name">html</span> <span class="hljs-attr">lang</span>=<span class="hljs-string">"en"</span>></span>
|
|
307
307
|
<span class="hljs-tag"><<span class="hljs-name">body</span>></span>
|
|
308
|
-
<span class="hljs-tag"><<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@11.2.
|
|
308
|
+
<span class="hljs-tag"><<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@11.2.4000/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
|
|
309
309
|
<span class="hljs-tag"></<span class="hljs-name">body</span>></span>
|
|
310
310
|
<span class="hljs-tag"></<span class="hljs-name">html</span>></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"><<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@11.2.
|
|
320
|
+
<pre><code class="hljs html language-html"> <span class="hljs-tag"><<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@11.2.4000/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></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"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://unpkg.com/dynamsoft-barcode-reader-bundle@11.2.
|
|
325
|
+
<pre><code class="hljs html language-html"> <span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://unpkg.com/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></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.
|
|
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.
|
|
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.
|
|
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.
|
|
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/<pkg></code>, without <code>@<version></code>. You can copy it elsewhere and add <code>@<version></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"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"path/to/dynamsoft-barcode-reader-bundle@11.2.
|
|
351
|
+
<pre><code class="hljs html language-html"><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"path/to/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|
|
@@ -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
|
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
132
|
+
npm i dynamsoft-barcode-reader-bundle@11.2.4000
|
|
133
133
|
# or
|
|
134
|
-
yarn add dynamsoft-barcode-reader-bundle@11.2.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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)
|