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
index 9415c937..e3fcaf49 100644
--- 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/hello-world.html b/foundational-api-samples/hello-world/hello-world.html
index 16650e98..e2927e52 100644
--- a/foundational-api-samples/hello-world/hello-world.html
+++ b/foundational-api-samples/hello-world/hello-world.html
@@ -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/read-an-image.html b/foundational-api-samples/hello-world/read-an-image.html
index 3d0d0ff6..cb827dde 100644
--- a/foundational-api-samples/hello-world/read-an-image.html
+++ b/foundational-api-samples/hello-world/read-an-image.html
@@ -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/others/debug/public/index.html b/foundational-api-samples/others/debug/public/index.html
index 3294d3c0..c0f335a3 100644
--- a/foundational-api-samples/others/debug/public/index.html
+++ b/foundational-api-samples/others/debug/public/index.html
@@ -47,7 +47,8 @@ <h1 style="font-size: 1.5em">Read Barcodes from Camera - Debug</h1>
 
     // 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 init = async () => {
       try {
         // Create a `CameraEnhancer` instance for camera control and a `CameraView` instance for UI control.
diff --git a/foundational-api-samples/use-case/fill-a-form-with-barcode-reading.html b/foundational-api-samples/use-case/fill-a-form-with-barcode-reading.html
index c8af07e3..d2b0b64d 100644
--- a/foundational-api-samples/use-case/fill-a-form-with-barcode-reading.html
+++ b/foundational-api-samples/use-case/fill-a-form-with-barcode-reading.html
@@ -83,7 +83,8 @@ <h3>Click each input box to fill in!</h3>
 
     // 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 inputsContainer = document.getElementById("inputs-container");
     const loadingIndicator = document.getElementById("lib-load");
     const cameraViewContainer = document.getElementById("camera-view-container");
diff --git a/foundational-api-samples/use-case/locate-an-item-with-barcode/index.html b/foundational-api-samples/use-case/locate-an-item-with-barcode/index.html
index 1b0a2033..0e1518e3 100644
--- a/foundational-api-samples/use-case/locate-an-item-with-barcode/index.html
+++ b/foundational-api-samples/use-case/locate-an-item-with-barcode/index.html
@@ -308,7 +308,7 @@ <h6 id="camera-switch-notification"></h6>
   <img hidden id="cross-icon" src="icons/cross-icon.svg" />
   <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 src="../../../../distributables/dbr.bundle.js"></script> -->
 
   <script>
     /** LICENSE ALERT - README
@@ -324,6 +324,8 @@ <h6 id="camera-switch-notification"></h6>
 
     // 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 cameraViewContainer = document.getElementById("camera-view-container");
     const cameraViewTitle = document.getElementById("camera-view-title");
diff --git a/foundational-api-samples/use-case/read-a-drivers-license/index.html b/foundational-api-samples/use-case/read-a-drivers-license/index.html
index 186ce37e..39558978 100644
--- a/foundational-api-samples/use-case/read-a-drivers-license/index.html
+++ b/foundational-api-samples/use-case/read-a-drivers-license/index.html
@@ -51,7 +51,7 @@ <h1>Read a Driver's License</h1>
   </div>
   <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 src="../../../../distributables/dbr.bundle.js"></script> -->
   <script src="https://cdn.jsdelivr.net/npm/dynamsoft-code-parser@2.4.32/dist/dcp.js"></script>
   <script>
     /** LICENSE ALERT - README
@@ -69,6 +69,8 @@ <h1>Read a Driver's License</h1>
 
     // Preload "BarcodeReader" module for reading barcodes. It will save time on the initial decoding by skipping the module loading.
     Dynamsoft.Core.CoreModule.loadWasm(["DBR", "DCP"]);
+    // // 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/";
     Dynamsoft.DCP.CodeParserModule.loadSpec("AAMVA_DL_ID");
     Dynamsoft.DCP.CodeParserModule.loadSpec("AAMVA_DL_ID_WITH_MAG_STRIPE");
     Dynamsoft.DCP.CodeParserModule.loadSpec("SOUTH_AFRICA_DL");
diff --git a/foundational-api-samples/use-case/show-result-texts-on-the-video.html b/foundational-api-samples/use-case/show-result-texts-on-the-video.html
index 4b175b4c..481db3b0 100644
--- a/foundational-api-samples/use-case/show-result-texts-on-the-video.html
+++ b/foundational-api-samples/use-case/show-result-texts-on-the-video.html
@@ -64,7 +64,8 @@ <h3>Scan barcodes to display results as overlays on video</h3>
 
     // 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/";
     const resultsContainer = document.querySelector("#results");
 
     (async () => {