docs: update README with sample list and descriptions; add comments to hello-world example

Author: Justin-dynamsoft

README.md

@@ -39,6 +39,11 @@ If you have any questions, feel free to [contact Dynamsoft support](https://www.
 
 ## Sample list
 
+### Hello-world
+
+- [hello-world.html](./hello-world.html) — The simplest example to get started with single barcode scanning.
+- [read-an-image.html](./read-an-image.html) — Demonstrates how to decode and read barcodes from uploaded image files.
+
 ### Frameworks
 
 - [angular/](./frameworks/angular/) — Angular examples.

hello-world.html

@@ -26,6 +26,25 @@ <h1 class="barcode-scanner-title">
     let config = {
       license: "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9", // Replace with your Dynamsoft license key
       container: document.querySelector(".barcode-scanner-view"), // Specify where to render the scanner UI
+
+      /*
+        scanMode controls the scanning behavior:
+          - SM_MULTI_UNIQUE: Continuously scans and collects each unique barcode.
+          - SM_SINGLE: Stops scanning after the first barcode is detected.
+        // Example:
+        // scanMode: Dynamsoft.EnumScanMode.SM_MULTI_UNIQUE,
+
+        // onUniqueBarcodeScanned: (result) => {
+        //   // Called every time a barcode is decoded in MULTI_UNIQUE mode.
+        //   // You can add custom logic here, e.g.: let decodeCount = 0; // Declare an outside variable to keep track of decode count
+        //   // decodeCount++;
+        //   // if (decodeCount >= 3) {
+        //   //   barcodeScanner._cvRouter.stopCapturing(); // Stop after 3 successful decodes
+        //   //   barcodeScanner._cameraEnhancer.close(); // Close the camera
+        //   // }
+        // },
+      */
+
       // showUploadImageButton: true,
       // scannerViewConfig: {
       //   showFlashButton: true,