You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Please refer to <ahref="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/faq/system-requirement.html">system requirements</a> for more details.</p>
250
250
</blockquote>
251
251
<h2id="license">License</h2>
252
-
<h3id="trial-license">Trial License</h3>
253
-
<!-- When getting started with Barcode Scanner, we recommend getting your own 30-day trial license through the [customer portal](https://www.dynamsoft.com/customer/license/trialLicense/?product=dbr&utm_source=github&package=js). The trial license can be renewed via the same customer portal twice, each time for another 15 days, giving you a total of 60 days to develop your own application using the solution. Please contact the [Dynamsoft Support Team](https://www.dynamsoft.com/company/contact/) if you need more time for a full evaluation.
254
-
255
-
> [!NOTE]
256
-
> The **Barcode Scanner** license contains a license for the **Dynamsoft Barcode Reader**, and the **Dynamsoft Camera Enhancer** since the Barcode Scanner builds on top of those two products.
257
-
-->
252
+
<!-- When getting started with Barcode Scanner, we recommend getting your own 30-day trial license. -->
258
253
<p>When getting started with Barcode Scanner, we recommend <ahref="https://www.dynamsoft.com/customer/license/trialLicense/?product=dbr&utm_source=github&package=js">getting your own 30-day trial license</a></p>
259
254
<!-- {% include trialLicense.html %} -->
260
255
<blockquote>
@@ -267,7 +262,7 @@ <h2 id="quick-start-hello-world-example">Quick Start: Hello World Example</h2>
267
262
<pre><codeclass="hljs html language-html"><spanclass="hljs-meta"><!DOCTYPE <spanclass="hljs-meta-keyword">html</span>></span>
<atarget="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.0.30/barcode-scanner-api-samples/scan-single-barcode/hello-world.html" title="Code in Github" style="text-decoration:none;">
285
+
<atarget="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.0.60/barcode-scanner-api-samples/scan-single-barcode/hello-world.html" title="Code in Github" style="text-decoration:none;">
291
286
<imgsrc="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
287
</a>
293
288
294
289
<atarget="_blank" href="https://jsfiddle.net/DynamsoftTeam/gcqjf5r7/" title="Run via JSFiddle" style="text-decoration:none;">
295
290
<imgsrc="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
291
</a>
297
292
298
-
<atarget="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/barcode-scanner-api-samples/scan-single-barcode/hello-world.html?ver=11.0.30&utm_source=github" title="Run in Dynamsoft" style="text-decoration:none;">
293
+
<atarget="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/barcode-scanner-api-samples/scan-single-barcode/hello-world.html?ver=11.0.60&utm_source=github" title="Run in Dynamsoft" style="text-decoration:none;">
299
294
<imgsrc="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
295
</a>
301
296
</p>
302
297
<h3id="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 <ahref="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v11.0.30">GitHub repository</a>.</p>
298
+
<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 <ahref="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v11.0.60">GitHub repository</a>.</p>
304
299
<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
300
<pre><codeclass="hljs html language-html"><spanclass="hljs-meta"><!DOCTYPE <spanclass="hljs-meta-keyword">html</span>></span>
@@ -317,17 +312,17 @@ <h3 id="step-1-setting-up-the-html-and-including-the-barcode-scanner">Step 1: Se
317
312
<ul>
318
313
<li>jsDelivr</li>
319
314
</ul>
320
-
<pre><codeclass="hljs html language-html"><spanclass="hljs-tag"><<spanclass="hljs-name">script</span><spanclass="hljs-attr">src</span>=<spanclass="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.0.3000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
315
+
<pre><codeclass="hljs html language-html"><spanclass="hljs-tag"><<spanclass="hljs-name">script</span><spanclass="hljs-attr">src</span>=<spanclass="hljs-string">"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.0.6000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
321
316
</code></pre>
322
317
<ul>
323
318
<li>UNPKG</li>
324
319
</ul>
325
-
<pre><codeclass="hljs html language-html"><spanclass="hljs-tag"><<spanclass="hljs-name">script</span><spanclass="hljs-attr">src</span>=<spanclass="hljs-string">"https://unpkg.com/dynamsoft-barcode-reader-bundle@11.0.3000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
320
+
<pre><codeclass="hljs html language-html"><spanclass="hljs-tag"><<spanclass="hljs-name">script</span><spanclass="hljs-attr">src</span>=<spanclass="hljs-string">"https://unpkg.com/dynamsoft-barcode-reader-bundle@11.0.6000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
326
321
</code></pre>
327
322
<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><codeclass="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.0.3000
323
+
<pre><codeclass="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.0.6000
<p>As for 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 <ahref="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
328
<divclass="multi-panel-end"></div>
@@ -336,19 +331,19 @@ <h3 id="step-1-setting-up-the-html-and-including-the-barcode-scanner">Step 1: Se
336
331
<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>
<p>The resources are located in the <code>./dist/</code> directory.</p></li>
341
336
<li><p>From npm</p></li>
342
337
</ul>
343
-
<pre><codeclass="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.0.3000
338
+
<pre><codeclass="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.0.6000
344
339
</code></pre>
345
340
<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
341
<blockquote>
347
342
<p>[!IMPORTANT]<br/>
348
343
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
344
</blockquote>
350
345
<p>You can typically include SDK like this:</p>
351
-
<pre><codeclass="hljs html language-html"><spanclass="hljs-tag"><<spanclass="hljs-name">script</span><spanclass="hljs-attr">src</span>=<spanclass="hljs-string">"path/to/dynamsoft-barcode-reader-bundle@11.0.3000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
346
+
<pre><codeclass="hljs html language-html"><spanclass="hljs-tag"><<spanclass="hljs-name">script</span><spanclass="hljs-attr">src</span>=<spanclass="hljs-string">"path/to/dynamsoft-barcode-reader-bundle@11.0.6000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
<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>
391
386
<ol>
392
387
<li>Learn how to <ahref="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/barcode-scanner-customization.html">Customize the Barcode Scanner</a></li>
393
-
<li>Check out the <ahref="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=11.0.3000">Official Samples and Demo</a></li>
394
-
<li>Learn about the <ahref="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html?ver=11.0.3000">APIs of BarcodeScanner</a></li>
388
+
<li>Check out the <ahref="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/samples-demos/index.html?ver=11.0.6000">Official Samples and Demo</a></li>
389
+
<li>Learn about the <ahref="https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html?ver=11.0.6000">APIs of BarcodeScanner</a></li>
0 commit comments