diff --git a/_includes/samples_index.html b/_includes/samples_index.html index 6f6bb394..c4c4e5d3 100644 --- a/_includes/samples_index.html +++ b/_includes/samples_index.html @@ -1042,10 +1042,10 @@
- + 🚀 Quick Start -
Hello World - Scan Your First Barcode
-
The simplest example to get started with barcode scanning in under 2 minutes
+
Hello World - Scan Multiple Barcodes
+
The simplest example to get started with barcode scanning. Continuously scans and collects multiple unique barcodes
+ +
+

+ Hello World Samples (3) +

+
+
+
+ Hello World (Scan Multiple Barcodes)Source +
+
+ Scan a Single BarcodeSource +
+
+ Read an ImageSource +
+
+

diff --git a/programming/javascript/migrate-from-v10/index.md b/programming/javascript/migrate-from-v10/index.md index 9bde9305..150647e5 100644 --- a/programming/javascript/migrate-from-v10/index.md +++ b/programming/javascript/migrate-from-v10/index.md @@ -123,16 +123,7 @@ Dynamsoft.DCP.CodeParserModule.loadSpec("MRTD_TD2_ID"); Dynamsoft.DCP.CodeParserModule.loadSpec("MRTD"); ``` -**Self-hosted resource files**: If you host these files yourself, replace the old `.data` & `_Map.text` files with the new `.data` equivalents: - -| Old File | New File | -| --- | --- | -| `AADHAAR.json` | `AADHAAR.data` | -| `AAMVA_DL_ID.json` | `AAMVA_DL_ID.data` | -| `GS1_AI.json` | `GS1_AI.data` | -| `MRTD.json` | `MRTD.data` | -| `SOUTH_AFRICA_DL.json` | `SOUTH_AFRICA_DL.data` | -| `VIN.json` | `VIN.data` | +**Self-hosted resource files**: If you host these files yourself, replace the old `.data` & `_Map.text` files with the new `.data` equivalents. ### Upgrade your template diff --git a/programming/javascript/user-guide/index.md b/programming/javascript/user-guide/index.md index c406ad68..0a9a57e8 100644 --- a/programming/javascript/user-guide/index.md +++ b/programming/javascript/user-guide/index.md @@ -84,7 +84,7 @@ The complete code of the "Hello World" example is shown below ```

- + Code in Github   @@ -92,7 +92,7 @@ The complete code of the "Hello World" example is shown below Run via JSFiddle   - + Run in Dynamsoft

@@ -137,7 +137,7 @@ The complete code of the "Hello World" example is shown below ### Run the example -You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world.html?ver=11.4.20&utm_source=guide) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/). +You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html?ver=11.4.20&utm_source=guide) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/). 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. @@ -207,7 +207,7 @@ Besides using the public CDN, you can also download the SDK and host its files o [Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.4.20&utm_source=guide&product=dbr&package=js) - The resources are located at path `dynamsoft/distributables/@`. + The resources are located at path `dynamsoft-barcode-reader-js-{version-number}/dist/`. - From npm diff --git a/programming/javascript/user-guide/zip-guide.md b/programming/javascript/user-guide/zip-guide.md index baf0f5b9..56fbfcad 100644 --- a/programming/javascript/user-guide/zip-guide.md +++ b/programming/javascript/user-guide/zip-guide.md @@ -43,7 +43,7 @@ Dynamsoft provides a complimentary trial license for the SDK. When you download ## Quick Start -Double-click `samples/hello-world.html` to instantly see a fully functional web application that scans barcodes using your device's camera! You can also try `samples/read-an-image.html` to decode barcodes from an image file. +Double-click `samples/basics/hello-world.html` to instantly see a fully functional web application that scans barcodes using your device's camera! You can also try `samples/basics/read-an-image.html` to decode barcodes from an image file. >[!NOTE] > These samples load the SDK from a CDN so they can be opened directly as local files without a web server. An internet connection is required. To serve everything from the local `dist/` folder, see [Deploying to Your Server](#deploying-to-your-server). @@ -57,7 +57,7 @@ Double-click `samples/hello-world.html` to instantly see a fully functional web After unzipping, you should see the following structure: - `dist/` — All Barcode Reader JavaScript SDK resources (`.js`, `.wasm`, worker files, etc.) -- `samples/` — Sample projects, including standalone examples (`hello-world.html`, `read-an-image.html`), framework integrations, and scenario demos +- `samples/` — Sample projects, including basic examples, framework integrations, and scenario demos - `LICENSE` — Dynamsoft license terms - `LEGAL.txt` — Third-party license notices @@ -95,7 +95,9 @@ Here are a couple of easy ways to start a local web server: ## Sample Folders -The package includes two main sample directories: +The package includes three main sample directories: + +- **`basics/`** - Simple standalone examples to get started quickly, including `hello-world.html` (scan multiple barcodes from a live camera), `scan-a-single-barcode.html`, and `read-an-image.html` (decode barcodes from an image file). - **`frameworks/`** - Framework-specific examples showing how to integrate the Dynamsoft Barcode Reader into common web and hybrid frameworks. Included frameworks: Angular, Blazor, Capacitor, Electron, ES6, Native TypeScript, Next.js, Nuxt, PWA, React, RequireJS, Svelte, Vue, and WebView.