Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion hello-world/README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# The Hello World Sample Set

As you have already gone through the [user guide](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002#hello-world---simplest-implementation), 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100#hello-world---simplest-implementation), 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.

Expand Down
6 changes: 3 additions & 3 deletions hello-world/angular/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.4.2002`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2002).
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.3100`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.3100).

> Note:
>
Expand Down Expand Up @@ -61,7 +61,7 @@ Below is the configuration used for this sample.

```cmd
cd my-app
npm install [email protected].2002 -E
npm install [email protected].3100 -E
```

## Start to implement
Expand All @@ -86,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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
2 changes: 1 addition & 1 deletion hello-world/angular/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
"@angular/platform-browser": "^17.3.0",
"@angular/platform-browser-dynamic": "^17.3.0",
"@angular/router": "^17.3.0",
"dynamsoft-barcode-reader-bundle": "10.4.2002",
"dynamsoft-barcode-reader-bundle": "10.4.3100",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.14.3"
Expand Down
2 changes: 1 addition & 1 deletion hello-world/angular/src/app/dynamsoft.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', {
/**
* 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
6 changes: 3 additions & 3 deletions hello-world/blazor/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.4.2002`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2002). 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.3100`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.3100). 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:
>
Expand Down Expand Up @@ -283,7 +283,7 @@ Inside the `wwwroot\index.html` file, we will initialize the license and necessa
...
<script src="_framework/blazor.webassembly.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected].2002/dist/dbr.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected].3100/dist/dbr.bundle.min.js"></script>
<script>
/** LICENSE ALERT - README
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
Expand All @@ -293,7 +293,7 @@ Inside the `wwwroot\index.html` file, we will initialize the license and necessa
/**
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ window.startImageDecode = async () => {
try {
for (let file of files) {
cvRouter = await Dynamsoft.CVR.CaptureVisionRouter.createInstance();
// Decode selected image with 'ReadBarcodes_SpeedFirst' template.
const result = await cvRouter.capture(file, "ReadBarcodes_SpeedFirst");
// Decode selected image with 'ReadBarcodes_ReadRateFirst' template.
const result = await cvRouter.capture(file, "ReadBarcodes_ReadRateFirst");
if (files.length > 1) {
resultsContainer.innerText += `\nFile: ${file.name}\n`;
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
</div>
<script src="_framework/blazor.webassembly.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected].2002/dist/dbr.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected].3100/dist/dbr.bundle.min.js"></script>
<script>
/** LICENSE ALERT - README
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
Expand All @@ -38,7 +38,7 @@
/**
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
6 changes: 3 additions & 3 deletions hello-world/electron/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[Electron](https://www.electronjs.org/) is a framework for creating native applications with web technologies. 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 Electron application.

In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.2002`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2002).
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.3100`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.3100).

> Note:
>
Expand Down Expand Up @@ -50,7 +50,7 @@ npm init
npm install electron --save-dev
npm install [email protected] -E
npm install [email protected] -E
npm install [email protected].2002 -E
npm install [email protected].3100 -E
```

## Start to implement
Expand Down Expand Up @@ -163,7 +163,7 @@ Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMD
/**
* 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
2 changes: 1 addition & 1 deletion hello-world/electron/action.js
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMD
/**
* 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
6 changes: 3 additions & 3 deletions hello-world/electron/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,8 @@
"electron": "^26.4.1"
},
"dependencies": {
"dynamsoft-barcode-reader-bundle": "10.4.2002",
"dynamsoft-capture-vision-std": "1.4.10",
"dynamsoft-image-processing": "2.4.20"
"dynamsoft-barcode-reader-bundle": "10.4.3100",
"dynamsoft-capture-vision-std": "1.4.21",
"dynamsoft-image-processing": "2.4.31"
}
}
4 changes: 2 additions & 2 deletions hello-world/es6.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ <h1>Hello World for ES6 (Decode via Camera)</h1>
CameraView,
CameraEnhancer,
MultiFrameResultCrossFilter,
} from "https://cdn.jsdelivr.net/npm/[email protected].2002/dist/dbr.bundle.mjs";
} from "https://cdn.jsdelivr.net/npm/[email protected].3100/dist/dbr.bundle.mjs";
/** LICENSE ALERT - README
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
*/
Expand All @@ -32,7 +32,7 @@ <h1>Hello World for ES6 (Decode via Camera)</h1>
/**
* 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
4 changes: 2 additions & 2 deletions hello-world/hello-world.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ <h1>Hello World (Decode via Camera)</h1>
<div id="camera-view-container" style="width: 100%; height: 80vh"></div>
Results:<br />
<div id="results" style="width: 100%; height: 10vh; overflow: auto; white-space: pre-wrap"></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected].2002/dist/dbr.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected].3100/dist/dbr.bundle.js"></script>
<script>
/** LICENSE ALERT - README
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
Expand All @@ -25,7 +25,7 @@ <h1>Hello World (Decode via Camera)</h1>
/**
* 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
2 changes: 1 addition & 1 deletion hello-world/native-ts/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
"license": "ISC",
"description": "",
"dependencies": {
"dynamsoft-barcode-reader-bundle": "10.4.2002"
"dynamsoft-barcode-reader-bundle": "10.4.3100"
},
"devDependencies": {
"@rollup/plugin-node-resolve": "^15.3.0",
Expand Down
6 changes: 3 additions & 3 deletions hello-world/next/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[Next.js](https://nextjs.org/) is a react framework that enables functionalities such as server-side rendering and generating static websites for react-based web applications. 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 Next.js application. Note that in this sample, `TypeScript` is used.

In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.2002`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2002).
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.3100`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.3100).

> Note:
>
Expand Down Expand Up @@ -59,7 +59,7 @@ Below is the configuration used for this sample.

```cmd
cd my-app
npm install [email protected].2002 -E
npm install [email protected].3100 -E
```

## Start to implement
Expand All @@ -86,7 +86,7 @@ LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9", {
/**
* 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
2 changes: 1 addition & 1 deletion hello-world/next/dynamsoft.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9", {
/**
* 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
2 changes: 1 addition & 1 deletion hello-world/next/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
"react": "^18",
"react-dom": "^18",
"next": "14.2.3",
"dynamsoft-barcode-reader-bundle": "10.4.2002"
"dynamsoft-barcode-reader-bundle": "10.4.3100"
},
"devDependencies": {
"typescript": "^5",
Expand Down
6 changes: 3 additions & 3 deletions hello-world/nuxt/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[Nuxt](https://nuxtjs.org/) is a higher-level framework that builds on top of [Vue](https://vuejs.org/). Check out the following guide on how to implement [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) (hereafter called "the library") into a Nuxt application. Note that in this sample `TypeScript` is used.

In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.2002`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2002).
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.3100`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.3100).

> Note:
>
Expand Down Expand Up @@ -47,7 +47,7 @@ You will be asked to configure quite a few things for the application during the

```cmd
cd my-app
npm install [email protected].2002 -E
npm install [email protected].3100 -E
```

## Start to implement
Expand All @@ -74,7 +74,7 @@ LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9", {
/**
* 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/docs/web/programming/javascript/user-guide/index.html?ver=10.4.2002&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=10.4.3100&cVer=true#specify-the-license&utm_source=samples or contact [email protected].
* LICENSE ALERT - THE END
*/

Expand Down
Loading
Loading