Dynamsoft · a362758199 · Apr 28, 2025 · Apr 27, 2025 · Apr 28, 2025 · Apr 28, 2025
diff --git a/balloon.min.css b/balloon.min.css
diff --git a/foundational-api-samples/hello-world/angular/README.md b/foundational-api-samples/hello-world/angular/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht
 
 ## Official sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/angular">Hello World in Angular - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/angular">Hello World in Angular - Source Code</a>
 
 ## Preparation
 Make sure you have [node](https://nodejs.org/) and [Angular CLI](https://cli.angular.io/) installed. 

diff --git a/foundational-api-samples/hello-world/angular/src/index.html b/foundational-api-samples/hello-world/angular/src/index.html
@@ -13,7 +13,7 @@
     <meta name="keywords" content="barcodes, camera, images, angular" />
     <link
       rel="canonical"
-      href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/angular/dist/dbrjs-sample-angular/browser/"
+      href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/angular/dist/dbrjs-sample-angular/browser/"
     />
   </head>
   <body>

diff --git a/foundational-api-samples/hello-world/blazor/README.md b/foundational-api-samples/hello-world/blazor/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht
 
 ## Official Sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/blazor">Hello World in Blazor - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/blazor">Hello World in Blazor - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/blazor/hello-world-blazor/BlazorApp/wwwroot/index.html b/foundational-api-samples/hello-world/blazor/hello-world-blazor/BlazorApp/wwwroot/index.html
@@ -29,8 +29,6 @@
   <script src="_framework/blazor.webassembly.js"></script>
 
   <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.5.3000/dist/dbr.bundle.min.js"></script>
-  <!-- If the network is unstable or you prefer to self-host the SDK, uncomment the line below to load it locally -->
-  <!-- <script src="../../../distributables/dbr.bundle.js"></script> -->
 
   <script>
     /** LICENSE ALERT - README
@@ -48,7 +46,6 @@
 
     // Optional. Used to load wasm resources in advance, reducing latency between video playing and barcode decoding.
     Dynamsoft.Core.CoreModule.loadWasm(["DBR"]);
-
     // Defined globally for easy debugging.
     let cameraEnhancer, cvRouter;
     let videoModuleLoaded = false;

diff --git a/foundational-api-samples/hello-world/electron/README.md b/foundational-api-samples/hello-world/electron/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht
 
 ## Official Sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/electron">Hello World in Electron - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/electron">Hello World in Electron - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/es6.html b/foundational-api-samples/hello-world/es6.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
     <meta name="keywords" content="barcode, camera, es6" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/es6.html" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/es6.html" />
     <title>Dynamsoft Barcode Reader Sample - Hello World for ES6 (Decode via Camera)</title>
   </head>
 

diff --git a/foundational-api-samples/hello-world/hello-world.html b/foundational-api-samples/hello-world/hello-world.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0" />
   <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
   <meta name="keywords" content="barcode, camera" />
-  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html" />
+  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html" />
   <title>Dynamsoft Barcode Reader Sample - Hello World (Decode via Camera)</title>
 </head>
 
@@ -35,6 +35,8 @@ <h1>Hello World (Decode via Camera)</h1>
 
     // Optional. Used to load wasm resources in advance, reducing latency between video playing and barcode decoding.
     Dynamsoft.Core.CoreModule.loadWasm(["DBR"]);
+    // // If the network is unstable or you prefer to self-host the SDK, uncomment the line below to define the root path of the engine files
+    // Dynamsoft.Core.CoreModule.engineResourcePaths.rootDirectory = "../../../distributables/";
     // Defined globally for easy debugging.
     let cameraEnhancer, cvRouter;
 

diff --git a/foundational-api-samples/hello-world/native-ts/index.html b/foundational-api-samples/hello-world/native-ts/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0" />
   <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
   <meta name="keywords" content="barcode, camera" />
-  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html" />
+  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html" />
   <title>Dynamsoft Barcode Reader Sample - Hello World (Decode via Camera)</title>
 </head>
 

diff --git a/foundational-api-samples/hello-world/next/README.md b/foundational-api-samples/hello-world/next/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht
 
 ## Official Sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/next">Hello World in Next.js - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/next">Hello World in Next.js - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/nuxt/README.md b/foundational-api-samples/hello-world/nuxt/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000`](ht
 
 ## Official Sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/nuxt">Hello World in Nuxt - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/nuxt">Hello World in Nuxt - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/pwa/README.md b/foundational-api-samples/hello-world/pwa/README.md
@@ -12,8 +12,8 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000](htt
 
 ## Official Sample
 
-* <a target = "_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/pwa/helloworld-pwa.html">Hello World in PWA - Demo</a>
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/pwa">Hello World in PWA - Source Code</a>
+* <a target = "_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/pwa/helloworld-pwa.html">Hello World in PWA - Demo</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/pwa">Hello World in PWA - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/pwa/helloworld-pwa.html b/foundational-api-samples/hello-world/pwa/helloworld-pwa.html
@@ -6,7 +6,7 @@
     <meta name="description" content="Read barcodes from camera with Dynamsoft Barcode Reader in a PWA application." />
     <meta name="keywords" content="barcode, camera, PWA" />
     <title>Dynamsoft Barcode Reader PWA Sample - Hello World (Decode via Camera)</title>
-    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/pwa/helloworld-pwa.html" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/pwa/helloworld-pwa.html" />
     <link rel="manifest" href="./helloworld-pwa.json" />
     <meta name="theme-color" content="#B12A34" />
     <meta name="mobile-web-app-capable" content="yes" />

diff --git a/foundational-api-samples/hello-world/react-hooks/README.md b/foundational-api-samples/hello-world/react-hooks/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000](htt
 
 ## Official Sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/react-hooks">Hello World in React with Hooks - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/react-hooks">Hello World in React with Hooks - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/react-hooks/public/index.html b/foundational-api-samples/hello-world/react-hooks/public/index.html
@@ -10,7 +10,7 @@
       content="Dynamsoft Barcode Reader in a React Application, helps read barcodes from camera or images."
     />
     <meta name="keywords" content="barcodes, camera, images, React" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/samples/dbr/js/hello-world/react-hooks/build/" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/samples/DBR/JS/foundational-api-samples/hello-world/react-hooks/build/" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a

diff --git a/foundational-api-samples/hello-world/react/README.md b/foundational-api-samples/hello-world/react/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000](htt
 
 ## Official Sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/react">Hello World in React - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/react">Hello World in React - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/react/public/index.html b/foundational-api-samples/hello-world/react/public/index.html
@@ -10,7 +10,7 @@
       content="Dynamsoft Barcode Reader in a React Application, helps read barcodes from camera or images."
     />
     <meta name="keywords" content="barcodes, camera, images, React" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/samples/dbr/js/hello-world/react/build/" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/samples/DBR/JS/foundational-api-samples/hello-world/react/build/" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a

diff --git a/foundational-api-samples/hello-world/read-an-image.html b/foundational-api-samples/hello-world/read-an-image.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0" />
   <meta name="description" content="Read barcodes from an image in no time with Dynamsoft Barcode Reader." />
   <meta name="keywords" content="barcode, image" />
-  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/read-an-image.html" />
+  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/read-an-image.html" />
   <title>Dynamsoft Barcode Reader Sample - Hello World (Read an Image)</title>
 </head>
 
@@ -35,7 +35,8 @@ <h1>Hello World (Read an Image)</h1>
 
     // Optional. Preload "BarcodeReader" module for reading barcodes. It will save time on the initial decoding by skipping the module loading.
     Dynamsoft.Core.CoreModule.loadWasm(["DBR"]);
-
+    // // If the network is unstable or you prefer to self-host the SDK, uncomment the line below to define the root path of the engine files
+    // Dynamsoft.Core.CoreModule.engineResourcePaths.rootDirectory = "../../../distributables/";
     const resultsContainer = document.querySelector("#results");
 
     let cvRouter; // an instance of CaptureVisionRouter

diff --git a/foundational-api-samples/hello-world/requirejs.html b/foundational-api-samples/hello-world/requirejs.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
     <meta name="keywords" content="barcode, camera, RequireJS" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/requirejs.html" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/requirejs.html" />
     <title>Dynamsoft Barcode Reader Sample - Hello World for RequireJS (Decode via Camera)</title>
     <script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.js"></script>
   </head>

diff --git a/foundational-api-samples/hello-world/svelte/README.md b/foundational-api-samples/hello-world/svelte/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000](htt
 
 ## Official Sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/svelte">Hello World for Vite + Svelte + TS - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/svelte">Hello World for Vite + Svelte + TS - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/vue/README.md b/foundational-api-samples/hello-world/vue/README.md
@@ -12,7 +12,7 @@ In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.5.3000](htt
 
 ## Official Sample
 
-* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/hello-world/vue3">Hello World in Vue 3 - Source Code</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/hello-world/vue3">Hello World in Vue 3 - Source Code</a>
 
 ## Preparation
 

diff --git a/foundational-api-samples/hello-world/vue/index.html b/foundational-api-samples/hello-world/vue/index.html
@@ -9,7 +9,7 @@
       content="Dynamsoft Barcode Reader in a Vue 3 Application, helps read barcodes from camera or images."
     />
     <meta name="keywords" content="barcodes, camera, images, vue, vue3" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/samples/dbr/js/hello-world/vue/dist/" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/samples/DBR/JS/foundational-api-samples/hello-world/vue/dist/" />
     <title>Hello World for Vue 3 - Dynamsoft Barcode Reader Sample</title>
   </head>
   <body>