dynamsoft-barcode-reader-bundle 11.6.3100 → 11.6.3200
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 +16 -16
- package/README.md +16 -16
- package/dist/dbr.bundle.d.ts +1 -66
- 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/package.json +28 -1
- package/samples.url +1 -1
package/README.html
CHANGED
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
<span class="hljs-tag"><<span class="hljs-name">body</span>></span>
|
|
248
248
|
<span class="hljs-tag"><<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>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span>
|
|
249
249
|
<span class="hljs-tag"><<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>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span>
|
|
250
|
-
<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.6.
|
|
250
|
+
<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.6.3200/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
|
|
251
251
|
<span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="javascript">
|
|
252
252
|
Dynamsoft.License.LicenseManager.initLicense(<span class="hljs-string">"DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9"</span>);
|
|
253
253
|
Dynamsoft.Core.CoreModule.loadWasm();
|
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
<span class="hljs-tag"></<span class="hljs-name">html</span>></span>
|
|
281
281
|
</code></pre>
|
|
282
282
|
<p align="center" style="text-align:center; white-space: normal; ">
|
|
283
|
-
<a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.6.
|
|
283
|
+
<a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.6.32/basics/hello-world.html" title="Code in Github" style="text-decoration:none;">
|
|
284
284
|
<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;">
|
|
285
285
|
</a>
|
|
286
286
|
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
<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;" >
|
|
289
289
|
</a>
|
|
290
290
|
|
|
291
|
-
<a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.
|
|
291
|
+
<a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.32&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
|
|
292
292
|
<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;">
|
|
293
293
|
</a>
|
|
294
294
|
</p>
|
|
@@ -331,7 +331,7 @@ cvRouter.addResultFilter(filter);
|
|
|
331
331
|
<p>Read more on <a href="https://www.dynamsoft.com/capture-vision/docs/core/architecture/#capture-vision-router">Capture Vision Router</a>.</p>
|
|
332
332
|
</blockquote>
|
|
333
333
|
<h3 id="run-the-example">Run the example</h3>
|
|
334
|
-
<p>You can run the example deployed to <a href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.
|
|
334
|
+
<p>You can run the example deployed to <a href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.32&utm_source=npm">the Dynamsoft Demo Server</a> or test it with <a href="https://jsfiddle.net/DynamsoftTeam/csm2f9wb/">JSFiddle code editor</a>. </p>
|
|
335
335
|
<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>
|
|
336
336
|
<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>
|
|
337
337
|
<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>
|
|
@@ -339,7 +339,7 @@ cvRouter.addResultFilter(filter);
|
|
|
339
339
|
<p><em>Secure Contexts</em>:</p>
|
|
340
340
|
<p>If you open the web page as <code>http://</code>, our SDK may not work correctly because the <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia">MediaDevices: getUserMedia()</a> and other methods only work in <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts">secure contexts</a> (HTTPS, <code>localhost</code>, <code>127.0.0.1</code>, <code>file://</code>), in some or all supporting browsers.</p>
|
|
341
341
|
<p>Regarding configuring https on your server, these guides for <a href="https://nginx.org/en/docs/http/configuring_https_servers.html">nginx</a> / <a href="https://aboutssl.org/how-to-create-a-self-signed-certificate-in-iis/">IIS</a> / <a href="https://dzone.com/articles/setting-ssl-tomcat-5-minutes">tomcat</a> / <a href="https://nodejs.org/docs/v0.4.1/api/tls.html">nodejs</a> might help.</p>
|
|
342
|
-
<p>If the test doesn't go as expected, you can <a href="https://www.dynamsoft.com/company/contact/?ver=11.6.
|
|
342
|
+
<p>If the test doesn't go as expected, you can <a href="https://www.dynamsoft.com/company/contact/?ver=11.6.32&utm_source=npm&product=dbr&package=js">contact us</a>.</p>
|
|
343
343
|
</blockquote>
|
|
344
344
|
<h2 id="preparing-the-sdk">Preparing the SDK</h2>
|
|
345
345
|
<h3 id="step-1-include-the-sdk">Step 1: Include the SDK</h3>
|
|
@@ -353,24 +353,24 @@ cvRouter.addResultFilter(filter);
|
|
|
353
353
|
<ul>
|
|
354
354
|
<li>jsDelivr</li>
|
|
355
355
|
</ul>
|
|
356
|
-
<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.6.
|
|
356
|
+
<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.6.3200/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
|
|
357
357
|
</code></pre>
|
|
358
358
|
<ul>
|
|
359
359
|
<li>UNPKG</li>
|
|
360
360
|
</ul>
|
|
361
|
-
<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.6.
|
|
361
|
+
<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.6.3200/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
|
|
362
362
|
</code></pre>
|
|
363
363
|
<!-- - 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.
|
|
364
|
-
<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://download2.dynamsoft.com/packages/dynamsoft-barcode-reader-bundle@11.6.
|
|
364
|
+
<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://download2.dynamsoft.com/packages/dynamsoft-barcode-reader-bundle@11.6.3200/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
|
|
365
365
|
</code></pre>
|
|
366
366
|
|
|
367
367
|
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. -->
|
|
368
368
|
<ul>
|
|
369
369
|
<li>In frameworks like React, Vue and Angular, you may want to add the package as a dependency.</li>
|
|
370
370
|
</ul>
|
|
371
|
-
<pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.6.
|
|
371
|
+
<pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.6.3200 -E
|
|
372
372
|
<span class="hljs-comment"># or</span>
|
|
373
|
-
yarn add dynamsoft-barcode-reader-bundle@11.6.
|
|
373
|
+
yarn add dynamsoft-barcode-reader-bundle@11.6.3200 -E
|
|
374
374
|
</code></pre>
|
|
375
375
|
<p>NOTE that in frameworks, you need to <a href="#2-optional-specify-the-location-of-the-engine-files">specify the location of the engine files</a>.</p>
|
|
376
376
|
<div class="multi-panel-end"></div>
|
|
@@ -379,18 +379,18 @@ cvRouter.addResultFilter(filter);
|
|
|
379
379
|
<p>Besides using the public CDN, you can also download the SDK and host its files on your own server or a commercial CDN before including it in your application.</p>
|
|
380
380
|
<ul>
|
|
381
381
|
<li><p>From the website</p>
|
|
382
|
-
<p><a href="https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.6.
|
|
382
|
+
<p><a href="https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.6.32&utm_source=npm&product=dbr&package=js">Download Dynamsoft Barcode Reader JavaScript Package</a></p>
|
|
383
383
|
<p>The resources are located at the path <code>dynamsoft-barcode-reader-js-{version-number}/dist/</code>.</p></li>
|
|
384
384
|
<li><p>From npm</p></li>
|
|
385
385
|
</ul>
|
|
386
|
-
<pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.6.
|
|
386
|
+
<pre><code class="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.6.3200 -E
|
|
387
387
|
</code></pre>
|
|
388
388
|
<p>The resources are located at the path <code>node_modules/<pkg></code>, without <code>@<version></code>. You must copy "dynamsoft-xxx" packages elsewhere and add <code>@<version></code>. The <code><version></code> can be obtained from <code>package.json</code> of each package. Another thing to do is to <a href="#2-optional-specify-the-location-of-the-engine-files">specify the engineResourcePaths</a> so that the SDK can correctly locate the resources.</p>
|
|
389
389
|
<blockquote>
|
|
390
390
|
<p>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>
|
|
391
391
|
</blockquote>
|
|
392
392
|
<p>You can typically include SDK like this:</p>
|
|
393
|
-
<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.6.
|
|
393
|
+
<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.6.3200/dist/dbr.bundle.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
|
|
394
394
|
</code></pre>
|
|
395
395
|
<div class="multi-panel-end"></div>
|
|
396
396
|
<div class="multi-panel-switching-end"></div>
|
|
@@ -414,7 +414,7 @@ cvRouter.addResultFilter(filter);
|
|
|
414
414
|
<p>To enable the SDK's functionality, you must provide a valid license. Utilize the API function initLicense to set your license key.</p>
|
|
415
415
|
<pre><code class="hljs javascript language-javascript">Dynamsoft.License.LicenseManager.initLicense(<span class="hljs-string">"DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9"</span>);
|
|
416
416
|
</code></pre>
|
|
417
|
-
<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=11.6.
|
|
417
|
+
<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=11.6.32&utm_source=npm&product=dbr&package=js" target="_blank">Request a Trial License</a> link.</p>
|
|
418
418
|
<blockquote>
|
|
419
419
|
<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>
|
|
420
420
|
</blockquote>
|
|
@@ -650,7 +650,7 @@ settings.timeout = <span class="hljs-number">500</span>;
|
|
|
650
650
|
<h3 id="2-edit-the-preset-templates-directly">2. Edit the preset templates directly</h3>
|
|
651
651
|
<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>
|
|
652
652
|
<ul>
|
|
653
|
-
<li>"/dynamsoft-barcode-reader-js-11.6.
|
|
653
|
+
<li>"/dynamsoft-barcode-reader-js-11.6.3200/dist/templates/"</li>
|
|
654
654
|
</ul>
|
|
655
655
|
<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>
|
|
656
656
|
<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,7 +722,7 @@ uiElement.querySelector(<span class="hljs-string">'.dce-sel-resolution'
|
|
|
722
722
|
<h2 id="documentation">Documentation</h2>
|
|
723
723
|
<h3 id="api-reference">API Reference</h3>
|
|
724
724
|
<p>You can check out the detailed documentation about the APIs of the SDK at<br />
|
|
725
|
-
<a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.
|
|
725
|
+
<a href="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.3200">https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.3200</a>.</p>
|
|
726
726
|
<!-- Compatibility is basically not an issue. Pls remove to another place
|
|
727
727
|
|
|
728
728
|
## System Requirements
|
package/README.md
CHANGED
|
@@ -34,7 +34,7 @@ The complete code of the "Hello World" example is shown below
|
|
|
34
34
|
<body>
|
|
35
35
|
<div id="camera-view-container" style="width: 100%; height: 60vh"></div>
|
|
36
36
|
<textarea id="results" style="width: 100%; min-height: 10vh; font-size: 3vmin; overflow: auto" disabled></textarea>
|
|
37
|
-
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.6.
|
|
37
|
+
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.6.3200/dist/dbr.bundle.js"></script>
|
|
38
38
|
<script>
|
|
39
39
|
Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");
|
|
40
40
|
Dynamsoft.Core.CoreModule.loadWasm();
|
|
@@ -68,7 +68,7 @@ The complete code of the "Hello World" example is shown below
|
|
|
68
68
|
```
|
|
69
69
|
|
|
70
70
|
<p align="center" style="text-align:center; white-space: normal; ">
|
|
71
|
-
<a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.6.
|
|
71
|
+
<a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.6.32/basics/hello-world.html" title="Code in Github" style="text-decoration:none;">
|
|
72
72
|
<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;">
|
|
73
73
|
</a>
|
|
74
74
|
|
|
@@ -76,7 +76,7 @@ The complete code of the "Hello World" example is shown below
|
|
|
76
76
|
<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;" >
|
|
77
77
|
</a>
|
|
78
78
|
|
|
79
|
-
<a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.
|
|
79
|
+
<a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.32&utm_source=npm" title="Run in Dynamsoft" style="text-decoration:none;">
|
|
80
80
|
<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;">
|
|
81
81
|
</a>
|
|
82
82
|
</p>
|
|
@@ -121,7 +121,7 @@ The complete code of the "Hello World" example is shown below
|
|
|
121
121
|
|
|
122
122
|
### Run the example
|
|
123
123
|
|
|
124
|
-
You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.
|
|
124
|
+
You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.32&utm_source=npm) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/).
|
|
125
125
|
|
|
126
126
|
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.
|
|
127
127
|
|
|
@@ -135,7 +135,7 @@ Alternatively, you can test locally by copying and pasting the code shown above
|
|
|
135
135
|
>
|
|
136
136
|
> Regarding configuring https on your server, these guides for [nginx](https://nginx.org/en/docs/http/configuring_https_servers.html) / [IIS](https://aboutssl.org/how-to-create-a-self-signed-certificate-in-iis/) / [tomcat](https://dzone.com/articles/setting-ssl-tomcat-5-minutes) / [nodejs](https://nodejs.org/docs/v0.4.1/api/tls.html) might help.
|
|
137
137
|
>
|
|
138
|
-
> If the test doesn't go as expected, you can [contact us](https://www.dynamsoft.com/company/contact/?ver=11.6.
|
|
138
|
+
> If the test doesn't go as expected, you can [contact us](https://www.dynamsoft.com/company/contact/?ver=11.6.32&utm_source=npm&product=dbr&package=js).
|
|
139
139
|
|
|
140
140
|
## Preparing the SDK
|
|
141
141
|
|
|
@@ -154,19 +154,19 @@ The simplest way to include the SDK is to use either the [jsDelivr](https://jsde
|
|
|
154
154
|
- jsDelivr
|
|
155
155
|
|
|
156
156
|
```html
|
|
157
|
-
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.6.
|
|
157
|
+
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.6.3200/dist/dbr.bundle.js"></script>
|
|
158
158
|
```
|
|
159
159
|
|
|
160
160
|
- UNPKG
|
|
161
161
|
|
|
162
162
|
```html
|
|
163
|
-
<script src="https://unpkg.com/dynamsoft-barcode-reader-bundle@11.6.
|
|
163
|
+
<script src="https://unpkg.com/dynamsoft-barcode-reader-bundle@11.6.3200/dist/dbr.bundle.js"></script>
|
|
164
164
|
```
|
|
165
165
|
|
|
166
166
|
<!-- - 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.
|
|
167
167
|
|
|
168
168
|
```html
|
|
169
|
-
<script src="https://download2.dynamsoft.com/packages/dynamsoft-barcode-reader-bundle@11.6.
|
|
169
|
+
<script src="https://download2.dynamsoft.com/packages/dynamsoft-barcode-reader-bundle@11.6.3200/dist/dbr.bundle.js"></script>
|
|
170
170
|
```
|
|
171
171
|
|
|
172
172
|
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. -->
|
|
@@ -174,9 +174,9 @@ The simplest way to include the SDK is to use either the [jsDelivr](https://jsde
|
|
|
174
174
|
- In frameworks like React, Vue and Angular, you may want to add the package as a dependency.
|
|
175
175
|
|
|
176
176
|
```sh
|
|
177
|
-
npm i dynamsoft-barcode-reader-bundle@11.6.
|
|
177
|
+
npm i dynamsoft-barcode-reader-bundle@11.6.3200 -E
|
|
178
178
|
# or
|
|
179
|
-
yarn add dynamsoft-barcode-reader-bundle@11.6.
|
|
179
|
+
yarn add dynamsoft-barcode-reader-bundle@11.6.3200 -E
|
|
180
180
|
```
|
|
181
181
|
|
|
182
182
|
NOTE that in frameworks, you need to [specify the location of the engine files](#2-optional-specify-the-location-of-the-engine-files).
|
|
@@ -189,14 +189,14 @@ Besides using the public CDN, you can also download the SDK and host its files o
|
|
|
189
189
|
|
|
190
190
|
- From the website
|
|
191
191
|
|
|
192
|
-
[Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.6.
|
|
192
|
+
[Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.6.32&utm_source=npm&product=dbr&package=js)
|
|
193
193
|
|
|
194
194
|
The resources are located at the path `dynamsoft-barcode-reader-js-{version-number}/dist/`.
|
|
195
195
|
|
|
196
196
|
- From npm
|
|
197
197
|
|
|
198
198
|
```sh
|
|
199
|
-
npm i dynamsoft-barcode-reader-bundle@11.6.
|
|
199
|
+
npm i dynamsoft-barcode-reader-bundle@11.6.3200 -E
|
|
200
200
|
```
|
|
201
201
|
|
|
202
202
|
The resources are located at the path `node_modules/<pkg>`, without `@<version>`. You must copy "dynamsoft-xxx" packages elsewhere and add `@<version>`. The `<version>` can be obtained from `package.json` of each package. Another thing to do is to [specify the engineResourcePaths](#2-optional-specify-the-location-of-the-engine-files) so that the SDK can correctly locate the resources.
|
|
@@ -205,7 +205,7 @@ Besides using the public CDN, you can also download the SDK and host its files o
|
|
|
205
205
|
You can typically include SDK like this:
|
|
206
206
|
|
|
207
207
|
```html
|
|
208
|
-
<script src="path/to/dynamsoft-barcode-reader-bundle@11.6.
|
|
208
|
+
<script src="path/to/dynamsoft-barcode-reader-bundle@11.6.3200/dist/dbr.bundle.js"></script>
|
|
209
209
|
```
|
|
210
210
|
<div class="multi-panel-end"></div>
|
|
211
211
|
|
|
@@ -237,7 +237,7 @@ To enable the SDK's functionality, you must provide a valid license. Utilize the
|
|
|
237
237
|
Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");
|
|
238
238
|
```
|
|
239
239
|
|
|
240
|
-
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=11.6.
|
|
240
|
+
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=11.6.32&utm_source=npm&product=dbr&package=js" target="_blank">Request a Trial License</a> link.
|
|
241
241
|
|
|
242
242
|
> 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.
|
|
243
243
|
|
|
@@ -518,7 +518,7 @@ await cvRouter.startCapturing("ReadSingleBarcode");
|
|
|
518
518
|
|
|
519
519
|
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
|
|
520
520
|
|
|
521
|
-
* "/dynamsoft-barcode-reader-js-11.6.
|
|
521
|
+
* "/dynamsoft-barcode-reader-js-11.6.3200/dist/templates/"
|
|
522
522
|
|
|
523
523
|
Upon completing the template editing, you can invoke the `initSettings` method and provide it with the template path as an argument.
|
|
524
524
|
|
|
@@ -618,7 +618,7 @@ The UI is part of the auxiliary SDK "Dynamsoft Camera Enhancer", read more on ho
|
|
|
618
618
|
### API Reference
|
|
619
619
|
|
|
620
620
|
You can check out the detailed documentation about the APIs of the SDK at
|
|
621
|
-
[https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.
|
|
621
|
+
[https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.3200](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.3200).
|
|
622
622
|
|
|
623
623
|
<!-- Compatibility is basically not an issue. Pls remove to another place
|
|
624
624
|
|
package/dist/dbr.bundle.d.ts
CHANGED
|
@@ -3434,6 +3434,7 @@ declare class BarcodeScanner {
|
|
|
3434
3434
|
|
|
3435
3435
|
export { BarcodeScanner, EnumResultStatus, EnumScanMode, isPathConfig };
|
|
3436
3436
|
export type { BarcodeScanResult, BarcodeScannerConfig, CacheKeys, ResultStatus, ToolbarButtonConfig, UtilizedTemplateNames };
|
|
3437
|
+
|
|
3437
3438
|
interface CameraInfo extends InputDeviceInfo {
|
|
3438
3439
|
trackLabel: string;
|
|
3439
3440
|
capabilities: DMMoreMediaTrackCapabilities;
|
|
@@ -4735,72 +4736,6 @@ interface Note {
|
|
|
4735
4736
|
/** The content of the note, can be of any type. */
|
|
4736
4737
|
content: any;
|
|
4737
4738
|
}
|
|
4738
|
-
declare enum EnumColourChannelUsageType {
|
|
4739
|
-
/**
|
|
4740
|
-
* Automatically determines how color channels are used.
|
|
4741
|
-
* This option allows the SDK to choose the most appropriate channel usage mode dynamically.
|
|
4742
|
-
*/
|
|
4743
|
-
CCUT_AUTO = 0,
|
|
4744
|
-
/**
|
|
4745
|
-
* Utilizes all available color channels in the image for processing.
|
|
4746
|
-
* This mode is ideal for scenarios where full color information is necessary for accurate analysis or processing.
|
|
4747
|
-
*/
|
|
4748
|
-
CCUT_FULL_CHANNEL = 1,
|
|
4749
|
-
/**
|
|
4750
|
-
* Processes images using only the Y (luminance) channel, specifically in NV21 format images.
|
|
4751
|
-
* This mode is useful for operations that require analyzing the brightness or intensity of the image while ignoring color information.
|
|
4752
|
-
*/
|
|
4753
|
-
CCUT_Y_CHANNEL_ONLY = 2,
|
|
4754
|
-
/**
|
|
4755
|
-
* Uses only the red color channel for processing in RGB images.
|
|
4756
|
-
* This mode is useful for tasks that require analysis or manipulation based on the red component of the image.
|
|
4757
|
-
*/
|
|
4758
|
-
CCUT_RGB_R_CHANNEL_ONLY = 3,
|
|
4759
|
-
/**
|
|
4760
|
-
* Uses only the green color channel for processing in RGB images.
|
|
4761
|
-
* This mode is useful for tasks where the green component is most relevant.
|
|
4762
|
-
*/
|
|
4763
|
-
CCUT_RGB_G_CHANNEL_ONLY = 4,
|
|
4764
|
-
/**
|
|
4765
|
-
* Uses only the blue color channel for processing in RGB images.
|
|
4766
|
-
* This mode is useful for tasks where the blue component is of particular interest.
|
|
4767
|
-
*/
|
|
4768
|
-
CCUT_RGB_B_CHANNEL_ONLY = 5
|
|
4769
|
-
}
|
|
4770
|
-
declare enum EnumImagePixelFormat {
|
|
4771
|
-
/** Binary format representing images with two colors: 0 for black and 1 for white. */
|
|
4772
|
-
IPF_BINARY = 0,
|
|
4773
|
-
/** Inverted binary format with 0 for white and 1 for black. */
|
|
4774
|
-
IPF_BINARYINVERTED = 1,
|
|
4775
|
-
/** Grayscale format with 8 bits per pixel, allowing for 256 shades of gray. */
|
|
4776
|
-
IPF_GRAYSCALED = 2,
|
|
4777
|
-
/** NV21 format, a YUV planar format used commonly in camera preview and video encoding, with 8-bit Y followed by interleaved V/U values. */
|
|
4778
|
-
IPF_NV21 = 3,
|
|
4779
|
-
/** RGB format with 5 bits for red and blue, and 6 bits for green, stored in a 16-bit structure. */
|
|
4780
|
-
IPF_RGB_565 = 4,
|
|
4781
|
-
/** Similar to RGB_565 but with 5 bits for each color channel, providing uniform color depth across channels in a 16-bit structure. */
|
|
4782
|
-
IPF_RGB_555 = 5,
|
|
4783
|
-
/** Standard 24-bit RGB format with 8 bits per channel. */
|
|
4784
|
-
IPF_RGB_888 = 6,
|
|
4785
|
-
/** 32-bit ARGB format with 8 bits per channel, including an alpha channel for transparency. */
|
|
4786
|
-
IPF_ARGB_8888 = 7,
|
|
4787
|
-
/** High-depth 48-bit RGB format with 16 bits per channel. */
|
|
4788
|
-
IPF_RGB_161616 = 8,
|
|
4789
|
-
/** 64-bit ARGB format with 16 bits per channel, including an alpha channel. */
|
|
4790
|
-
IPF_ARGB_16161616 = 9,
|
|
4791
|
-
/** 32-bit ABGR format with 8 bits per channel, storing color information in reverse order of ARGB_8888. */
|
|
4792
|
-
IPF_ABGR_8888 = 10,
|
|
4793
|
-
/** 64-bit ABGR format with 16 bits per channel, providing high color depth and transparency in the reverse order of ARGB_16161616. */
|
|
4794
|
-
IPF_ABGR_16161616 = 11,
|
|
4795
|
-
/** 24-bit BGR format with 8 bits per channel, where the blue channel is stored first. */
|
|
4796
|
-
IPF_BGR_888 = 12,
|
|
4797
|
-
/** Binary format with 8 bits per pixel, enabling more detailed binary images by allowing for antialiasing or other binary representations. */
|
|
4798
|
-
IPF_BINARY_8 = 13,
|
|
4799
|
-
/** NV12 format, similar to NV21 but with the U and V color components swapped. */
|
|
4800
|
-
IPF_NV12 = 14,
|
|
4801
|
-
/** Inverted binary format with 8 bits per pixel. */
|
|
4802
|
-
IPF_BINARY_8_INVERTED = 15
|
|
4803
|
-
}
|
|
4804
4739
|
|
|
4805
4740
|
export { Beep, Camera, CameraEnhancer, CameraEnhancerModule, CameraView, DrawingItem, DrawingLayer, DrawingStyleManager, EnumDrawingItemMediaType, EnumDrawingItemState, EnumEnhancedFeatures, Feedback, FramePipeline, ImageDrawingItem, LineDrawingItem, QuadDrawingItem, RectDrawingItem, TextDrawingItem, _bufferToCanvas, _distToSegment, _isPointInPolygon, beep, stringToHtml, toHtmlAsync, vibrate };
|
|
4806
4741
|
export type { CameraInfo, CameraPreset, CameraStatus, CameraZsFunc, DCEFrame, DMMoreMediaTrackCapabilities, DrawingStyle, Note, PlayCallbackInfo, Resolution, TipConfig, VideoDeviceInfo, VideoFrameTag };
|