diff --git a/README.md b/README.md index 7cae52b9..db368fe6 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ A default license is included which allows you to test the sample apps for up to ## Documentation -For the developer guide and full API reference of Dynamsoft Barcode Reader JavaScript library, please check out the [documentation](https://www.dynamsoft.com/barcode-reader/programming/javascript/?ver=10.0.21&utm_source=sampleReadme). +For the developer guide and full API reference of Dynamsoft Barcode Reader JavaScript library, please check out the [documentation](https://www.dynamsoft.com/barcode-reader/programming/javascript/?ver=10.4.2000&utm_source=sampleReadme). ## Support diff --git a/hello-world/README.md b/hello-world/README.md index 53de83b6..e41436cf 100644 --- a/hello-world/README.md +++ b/hello-world/README.md @@ -1,6 +1,6 @@ # The Hello World Sample Set -As you have already gone through the [user guide](https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10#getting-started---hello-world), you may have come across some basic "Hello World" code that can help you create a simple web application using our SDK quickly. +As you have already gone through the [user guide](https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000#getting-started---hello-world), you may have come across some basic "Hello World" code that can help you create a simple web application using our SDK quickly. In this set of samples, we will revisit the "Hello World" code and show how to implement it using some popular frameworks, such as Angular, React, and Vue. diff --git a/hello-world/angular/README.md b/hello-world/angular/README.md index d879e6ca..b91d7175 100644 --- a/hello-world/angular/README.md +++ b/hello-world/angular/README.md @@ -2,7 +2,7 @@ [Angular](https://angular.dev/) is one of the most popular and mature JavaScript frameworks. Follow this guide to learn how to implement [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) (hereafter called "the library") into an Angular application. Note that in this sample, `TypeScript` is used. -In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.2.1000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.2.1000). +In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.2000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2000). > Note: > @@ -57,10 +57,6 @@ Below is the configuration used for this sample. ? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? No ``` -On installation, you will be prompted to configure your project.\ -You can customize these options according to your preferences.\ -Below is the configuration used for this sample. - ### **CD** to the root directory of the application and install necessary libraries ```cmd @@ -79,15 +75,7 @@ import { LicenseManager } from 'dynamsoft-license'; import 'dynamsoft-barcode-reader'; // Configures the paths where the .wasm files and other necessary resources for modules are located. -CoreModule.engineResourcePaths = { - std: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/', - dip: 'https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/', - core: 'https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/', - license: 'https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/', - cvr: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/', - dbr: 'https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/', - dce: 'https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/', -}; +CoreModule.engineResourcePaths.rootDirectory = "https://cdn.jsdelivr.net/npm/"; /** LICENSE ALERT - README * To use the library, you need to first specify a license key using the API "initLicense()" as shown below. @@ -98,7 +86,7 @@ LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', true); /** * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days. * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license. - * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=samples#specify-the-license or contact support@dynamsoft.com. + * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=samples#specify-the-license or contact support@dynamsoft.com. * LICENSE ALERT - THE END */ diff --git a/hello-world/angular/package.json b/hello-world/angular/package.json index 1feefa5d..08656276 100644 --- a/hello-world/angular/package.json +++ b/hello-world/angular/package.json @@ -18,10 +18,10 @@ "@angular/platform-browser": "^17.3.0", "@angular/platform-browser-dynamic": "^17.3.0", "@angular/router": "^17.3.0", + "dynamsoft-barcode-reader-bundle": "10.4.2000", "rxjs": "~7.8.0", "tslib": "^2.3.0", - "zone.js": "~0.14.3", - "dynamsoft-barcode-reader-bundle": "10.2.1000" + "zone.js": "~0.14.3" }, "devDependencies": { "@angular-devkit/build-angular": "^17.3.7", @@ -36,4 +36,4 @@ "karma-jasmine-html-reporter": "~2.1.0", "typescript": "~5.4.2" } -} \ No newline at end of file +} diff --git a/hello-world/angular/src/app/dynamsoft.config.ts b/hello-world/angular/src/app/dynamsoft.config.ts index 1120f6ce..536e69ba 100644 --- a/hello-world/angular/src/app/dynamsoft.config.ts +++ b/hello-world/angular/src/app/dynamsoft.config.ts @@ -3,26 +3,20 @@ import { LicenseManager } from 'dynamsoft-license'; import 'dynamsoft-barcode-reader'; // Configures the paths where the .wasm files and other necessary resources for modules are located. -CoreModule.engineResourcePaths = { - std: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/', - dip: 'https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/', - core: 'https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/', - license: 'https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/', - cvr: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/', - dbr: 'https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/', - dce: 'https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/', -}; +CoreModule.engineResourcePaths.rootDirectory = "https://cdn.jsdelivr.net/npm/"; /** LICENSE ALERT - README * To use the library, you need to first specify a license key using the API "initLicense()" as shown below. */ -LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', true); +LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', { + executeNow: true, +}); /** * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days. * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license. - * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=samples#specify-the-license or contact support@dynamsoft.com. + * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=samples#specify-the-license or contact support@dynamsoft.com. * LICENSE ALERT - THE END */ diff --git a/hello-world/blazor/README.md b/hello-world/blazor/README.md index d729be1c..cb76191a 100644 --- a/hello-world/blazor/README.md +++ b/hello-world/blazor/README.md @@ -2,7 +2,7 @@ [Blazor](https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor) is a framework for building interactive client-side web apps with .NET and C#. Follow this guide to learn how to implement [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) (hereafter called "the library") into a Blazor application using [JavaScript Interlop](https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-javascript-from-dotnet?view=aspnetcore-8.0#invoke-js-functions). -In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.2.1000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.2.1000). We also used .NET 8.0 (version 8.0.8) to develop this sample. To ensure the sample app runs properly, please refer to this guide to update your .NET installation - https://learn.microsoft.com/en-us/dotnet/core/install/upgrade. +In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.2000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2000). We also used .NET 8.0 (version 8.0.8) to develop this sample. To ensure the sample app runs properly, please refer to this guide to update your .NET installation - https://learn.microsoft.com/en-us/dotnet/core/install/upgrade. > Note: > @@ -281,7 +281,7 @@ Inside the `wwwroot\index.html` file, we will initialize the license and necessa ... - + - + + + + + + + - + diff --git a/use-case/fill-a-form-with-barcode-reading.html b/use-case/fill-a-form-with-barcode-reading.html index 35ea23dc..56e525c4 100644 --- a/use-case/fill-a-form-with-barcode-reading.html +++ b/use-case/fill-a-form-with-barcode-reading.html @@ -64,7 +64,7 @@

Click each input box to fill in!

- + + - + + +