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
{{ message }}
Repository navigation
Commit 37c0111
Browse filesBrowse the repository at this point in the historyBrowse files
<atarget="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.6.20/basics/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.6.30/basics/hello-world.html" title="Code in Github" style="text-decoration:none;">
286
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;">
287
287
</a>
288
288
289
289
<atarget="_blank" href="https://jsfiddle.net/DynamsoftTeam/csm2f9wb/" title="Run via JSFiddle" style="text-decoration:none;">
290
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;" >
291
291
</a>
292
292
293
-
<atarget="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.20&utm_source=github" title="Run in Dynamsoft" style="text-decoration:none;">
293
+
<atarget="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.30&utm_source=github" title="Run in Dynamsoft" style="text-decoration:none;">
294
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;">
295
295
</a>
296
296
</p>
@@ -333,15 +333,15 @@ <h4 id="about-the-code">About the code</h4>
333
333
<p>Read more on <ahref="https://www.dynamsoft.com/capture-vision/docs/core/architecture/#capture-vision-router">Capture Vision Router</a>.</p>
334
334
</blockquote>
335
335
<h3id="run-the-example">Run the example</h3>
336
-
<p>You can run the example deployed to <ahref="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.20&utm_source=github">the Dynamsoft Demo Server</a> or test it with <ahref="https://jsfiddle.net/DynamsoftTeam/csm2f9wb/">JSFiddle code editor</a>. </p>
336
+
<p>You can run the example deployed to <ahref="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.6.30&utm_source=github">the Dynamsoft Demo Server</a> or test it with <ahref="https://jsfiddle.net/DynamsoftTeam/csm2f9wb/">JSFiddle code editor</a>. </p>
337
337
<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>
338
338
<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>
339
339
<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>
340
340
<blockquote>
341
341
<p><em>Secure Contexts</em>:</p>
342
342
<p>If you open the web page as <code>http://</code>, our SDK may not work correctly because the <ahref="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia">MediaDevices: getUserMedia()</a> and other methods only work in <ahref="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>
343
343
<p>Regarding configuring https on your server, these guides for <ahref="https://nginx.org/en/docs/http/configuring_https_servers.html">nginx</a> / <ahref="https://aboutssl.org/how-to-create-a-self-signed-certificate-in-iis/">IIS</a> / <ahref="https://dzone.com/articles/setting-ssl-tomcat-5-minutes">tomcat</a> / <ahref="https://nodejs.org/docs/v0.4.1/api/tls.html">nodejs</a> might help.</p>
344
-
<p>If the test doesn't go as expected, you can <ahref="https://www.dynamsoft.com/company/contact/?ver=11.6.20&utm_source=github&product=dbr&package=js">contact us</a>.</p>
344
+
<p>If the test doesn't go as expected, you can <ahref="https://www.dynamsoft.com/company/contact/?ver=11.6.30&utm_source=github&product=dbr&package=js">contact us</a>.</p>
345
345
</blockquote>
346
346
<h2id="preparing-the-sdk">Preparing the SDK</h2>
347
347
<h3id="step-1-include-the-sdk">Step 1: Include the SDK</h3>
@@ -355,24 +355,24 @@ <h3 id="step-1-include-the-sdk">Step 1: Include the SDK</h3>
355
355
<ul>
356
356
<li>jsDelivr</li>
357
357
</ul>
358
-
<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.6.2000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
358
+
<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.6.3000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
359
359
</code></pre>
360
360
<ul>
361
361
<li>UNPKG</li>
362
362
</ul>
363
-
<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.6.2000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
363
+
<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.6.3000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
364
364
</code></pre>
365
365
<!-- - 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.
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. -->
370
370
<ul>
371
371
<li>In frameworks like React, Vue and Angular, you may want to add the package as a dependency.</li>
372
372
</ul>
373
-
<pre><codeclass="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.6.2000 -E
373
+
<pre><codeclass="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.6.3000 -E
<p>NOTE that in frameworks, you need to <ahref="#2-optional-specify-the-location-of-the-engine-files">specify the location of the engine files</a>.</p>
378
378
<divclass="multi-panel-end"></div>
@@ -381,18 +381,18 @@ <h3 id="step-1-include-the-sdk">Step 1: Include the SDK</h3>
381
381
<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>
<p>The resources are located at the path <code>dynamsoft-barcode-reader-js-{version-number}/dist/</code>.</p></li>
386
386
<li><p>From npm</p></li>
387
387
</ul>
388
-
<pre><codeclass="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.6.2000 -E
388
+
<pre><codeclass="hljs sh language-sh"> npm i dynamsoft-barcode-reader-bundle@11.6.3000 -E
389
389
</code></pre>
390
390
<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 <ahref="#2-optional-specify-the-location-of-the-engine-files">specify the engineResourcePaths</a> so that the SDK can correctly locate the resources.</p>
391
391
<blockquote>
392
392
<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>
393
393
</blockquote>
394
394
<p>You can typically include SDK like this:</p>
395
-
<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.6.2000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
395
+
<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.6.3000/dist/dbr.bundle.js"</span>></span><spanclass="hljs-tag"></<spanclass="hljs-name">script</span>></span>
396
396
</code></pre>
397
397
<divclass="multi-panel-end"></div>
398
398
<divclass="multi-panel-switching-end"></div>
@@ -416,7 +416,7 @@ <h4 id="1-specify-the-license">1. Specify the license</h4>
416
416
<p>To enable the SDK's functionality, you must provide a valid license. Utilize the API function initLicense to set your license key.</p>
<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 <ahref="https://www.dynamsoft.com/customer/license/trialLicense?ver=11.6.20&utm_source=github&product=dbr&package=js" target="_blank">Request a Trial License</a> link.</p>
419
+
<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 <ahref="https://www.dynamsoft.com/customer/license/trialLicense?ver=11.6.30&utm_source=github&product=dbr&package=js" target="_blank">Request a Trial License</a> link.</p>
420
420
<blockquote>
421
421
<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>
422
422
</blockquote>
@@ -658,7 +658,7 @@ <h4 id="14-specify-a-scan-region">1.4. Specify a scan region</h4>
658
658
<h3id="2-edit-the-preset-templates-directly">2. Edit the preset templates directly</h3>
659
659
<p>The preset templates have many more settings that can be customized to suit your use case best. If you <ahref="https://www.dynamsoft.com/barcode-reader/downloads/1000003-confirmation/">download the SDK from Dynamsoft website</a>, you can find the templates under</p>
0 commit comments