Preview

_config.yml

@@ -5,6 +5,8 @@ firstLevelUrl: /faq
 docHomePage: /faq/
 faq-center: /faq/
 product-page-url: https://www.dynamsoft.com/faq
+searchIndexName: Crawler-FAQ-Docs
+searchNeedFilter: true
 
 product-name: /faq/
 product-title: Dynamsoft FAQ
@@ -22,6 +24,9 @@ mrz-general-faq: /faq/mrz-scanner/general
 useVersionTree: true
 
 assets: /faq/assets/
+dbr_server_assets: /faq/barcode-reader/server/assets/
+dbr_web_assets: /faq/barcode-reader/web/assets/
+dbr_mobile_assets: /faq/barcode-reader/mobile/assets/
 edit_icon: /faq/assets/img-icon/edit-icon.png
 smile_icon: /faq/assets/img-icon/icon-smile.png
 sad_icon: /faq/assets/img-icon/icon-sad.png

barcode-reader/mobile/archive/android/debug-mode.md

@@ -16,40 +16,40 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ## Debug Mode - Crash Logger
 
 If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynamsoft Camera Enhancer SDK, you need to use the Crash Logger.
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ## Debug Mode - Image Cropper
 
 If you are having trouble reading barcodes, you should use the Image Cropper to capture some sample image(s) or frame(s) and send them to the Dynamsoft Support Team:
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.

barcode-reader/mobile/archive/android/index.md

@@ -110,41 +110,41 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
 If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynamsoft Camera Enhancer SDK, you need to use the Crash Logger.
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
 If you are having trouble reading barcodes, you should use the Image Cropper to capture some sample image(s) or frame(s) and send them to the Dynamsoft Support Team:
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
@@ -156,14 +156,14 @@ Nowadays, most QR codes are QR code Model 2. BarcodeScannerX, by default, only s
 2. Click on Advanced Settings
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="{{site.dbr_mobile_assets}}advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. Check **EnableQRCodeModel1**.(You can modify any other settings as you like)
 4. Save the template.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="{{site.dbr_mobile_assets}}save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send the template to <a href="https://www.dynamsoft.com/contact/?ver=latest" target="_blank">Dynamsoft support team</a>.

barcode-reader/mobile/archive/ios/index.md

@@ -177,41 +177,41 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-<img src="../assets/home_screen.jpg" alt="Home screen"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}home_screen.jpg" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-<img src="../assets/advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}advanced_scan.jpg" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-<img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
 If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynamsoft Camera Enhancer SDK, you need to use the Crash Logger.
 
 1. Toggle on Crash Logger
 
-<img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-<img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
 If you are having trouble reading barcodes, you should use the Image Cropper to capture some sample image(s) or frame(s) and send them to the Dynamsoft Support Team:
 
 1. Toggle on Image Cropper
 
-<img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-<img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+<img src="{{site.dbr_mobile_assets}}crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 
@@ -223,14 +223,14 @@ Nowadays, most QR codes are QR code Model 2. BarcodeScannerX, by default, only s
 2. Click on Advanced Settings
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="{{site.dbr_mobile_assets}}advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. Check **EnableQRCodeModel1**(You can modify any other settings as you like)
 4. Save the template.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="{{site.dbr_mobile_assets}}save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send the template to <a href="https://www.dynamsoft.com/contact/?ver=latest" target="_blank">Dynamsoft support team</a>.

barcode-reader/mobile/debug/debug-mode.md

@@ -14,41 +14,41 @@ This next section will explain how to toggle on debug mode on the demo app, and
 
 1. From the home screen, go to Advanced Scan.
 
-    <img src="../assets/any_codes.png" alt="Home screen"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}any_codes.png" alt="Home screen"  width="50%" height="50%">
 
 2. Tap the settings icon at the top-right corner.
 
-    <img src="../assets/any_codes_setting.png" alt="Advanced scan"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}any_codes_setting.png" alt="Advanced scan"  width="50%" height="50%">
 
 3. Tap Debug Mode to see the drop-down list.
 
-    <img src="../assets/debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}debug_mode.jpg" alt="Debug mode"  width="50%" height="50%">
 
 ### Debug Mode - Crash Logger
 
 If you are encountering an app crash caused by Dynamsoft Barcode Reader or Dynamsoft Camera Enhancer SDK, you need to use the Crash Logger.
 
 1. Toggle on Crash Logger
 
-    <img src="../assets/crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}crash_toggle_on.jpg" alt="Crash toggle on"  width="50%" height="50%">
 
 2. After Crash Logger is toggled on, please go ahead and scan codes until you reproduce the crash issue.
 
 3. After the app crashes, re-open BarcodeScannerX app and go to Advanced Scan -> settings. Tap the "Share" button to share the log files with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest).
 
-    <img src="../assets/crash_share.jpg" alt="Crash share"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}crash_share.jpg" alt="Crash share"  width="50%" height="50%">
 
 ### Debug Mode - Image Cropper
 
 If you are having trouble reading barcodes, you should use the Image Cropper to capture some sample image(s) or frame(s) and send them to the Dynamsoft Support Team:
 
 1. Toggle on Image Cropper
 
-    <img src="../assets/image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}image_cropper_toggle.jpg" alt="Image crop toggle on"  width="50%" height="50%">
 
 2. After Image Cropper is toggled on, an image crop icon will show up at the bottom left of Advanced Scan
 
-    <img src="../assets/crop.jpg" alt="crop"  width="50%" height="50%">
+    <img src="{{site.dbr_mobile_assets}}crop.jpg" alt="crop"  width="50%" height="50%">
 
 3. Tap the image crop icon to crop and share the original frames with the [Dynamsoft support team](https://www.dynamsoft.com/contact/?ver=latest). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 

barcode-reader/mobile/scan-setting/how-to-enable-qr-model-one.md

@@ -18,14 +18,14 @@ Most QR codes today follow the **QR Code Model 2** standard. By default, **Barco
 2. Click **Advanced Settings**.
 
    <div align="left">
-      <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+      <p><img src="{{site.dbr_mobile_assets}}advanced-settings.jpg" width="40%" alt="advanced settings"></p>
    </div>
 
 3. In the settings, check the option **EnableQRCodeModel1** (you can modify any other settings as well).
 4. Click **Save Template**.
 
    <div align="left">
-      <p><img src="../assets/save-template.jpg" width="40%" alt="save template"></p>
+      <p><img src="{{site.dbr_mobile_assets}}save-template.jpg" width="40%" alt="save template"></p>
    </div>
 
 5. Send your saved template to the [Dynamsoft Support Team](https://www.dynamsoft.com/contact/?ver=latest){:target="_blank"}.

barcode-reader/web/capabilities/ios-16-incompatible.md

@@ -18,7 +18,7 @@ iOS 16.4 was released on March 27th, 2023. In this version, all browsers on iOS
 
 If you encounter the issue, you will see the following error in the browser console:
 
-![ios-16-incompatible](../assets/ios-16-incompatible.png)
+![ios-16-incompatible]({{site.dbr_web_assets}}ios-16-incompatible.png)
 
 ## Solution:
 

barcode-reader/web/configuration/change-domain-binding-of-product-key.md

@@ -14,5 +14,5 @@ This guide explains how to protect your software product key by properly managin
   3. Find the project that you want to change the domain binding.
   4. Click on the "Configure" button.
   5. Scroll down and find "Optional Settings" -> edit "Bind Website Domain" field to change your domain binding.
-  <img src="../assets/domain_binding.jpg" alt="domain_binding" />
+  <img src="{{site.dbr_web_assets}}domain_binding.jpg" alt="domain_binding" />
  > Please note that a single project can contain multiple license items. If you wish to bind a single license item to a certain domain, then you will need to make sure that license item is the only item in the associated project. First, remove the license item from its current project. Afterwards, create a new project and then open its configuration page. Then, move the license item to the new project and finally edit the binding info of the new project.

barcode-reader/web/configuration/pop-up-window-during-trail-process.md

@@ -12,8 +12,8 @@ Users may meet pop-up window when using our online demo, don't worry about how t
 
 The pop up window in our online demo:
 
-![warning_info](../assets/warning_information.png)
+![warning_info]({{site.dbr_web_assets}}warning_information.png)
 
-![expired_info](../assets/expired_information.png)
+![expired_info]({{site.dbr_web_assets}}expired_information.png)
 
 

barcode-reader/web/debug/debug-mode.md

@@ -31,7 +31,7 @@ In debug mode:
 ---
 
 <div align="left">
-    <p><img src="../assets/undefined.png" width="40%" alt="advanced settings"></p>
+    <p><img src="{{site.dbr_web_assets}}undefined.png" width="40%" alt="advanced settings"></p>
 </div>
 
 ## Upload a custom template

barcode-reader/web/debug/general-troubleshooting-steps-for-decode-failure.md

@@ -16,18 +16,18 @@ Generally, with some setting changes via our APIs, Dynamsoft Barcode Reader Java
 ## Step 1 - try different scan settings with our standard online demo
 1. The first thing is to try the [JavaScript online demo](https://demo.dynamsoft.com/barcode-reader-js/). If the barcode is not being picked up under normal settings, let's try out some different settings in the demo. By default, the demo runs on the Best Speed mode, which you can see under the "Scan Settings" on the left-hand side. To potentially improve the performance, we recommend trying out the two other available modes in the demo: Balance or Best Coverage. Best Coverage will prioritize read rate over speed, while Best Speed will prioritize speed over accuracy or read rate. Balance offers the perfect mixture between the two.
 
-      <img src="../assets/best_coverage.jpg" alt="Best coverage"  width="50%" height="50%">
+      <img src="{{site.dbr_web_assets}}best_coverage.jpg" alt="Best coverage"  width="50%" height="50%">
 
 
 2. Enable Full HD resolution in the demo
-      <img src="../assets/full_hd.jpg" alt="Full HD"  width="50%" height="50%">
+      <img src="{{site.dbr_web_assets}}full_hd.jpg" alt="Full HD"  width="50%" height="50%">
 
 
 ## Step 2 - capture image frames and send to Dynamsoft for analysis
 
 1.  Go to [JavaScript online demo debug mode](https://demo.dynamsoft.com/barcode-reader-js?debug=true) -> Click "START SCAN" -> Click the "Scan Settings" button. -> Place the barcode inside the scan region -> Click the "Capture" button on the top right corner -> A zip file that contains 8 frames will be downloaded. 
 
-      <img src="../assets/Cropped Img.png" alt="Frames crop"  width="50%" height="50%">
+      <img src="{{site.dbr_web_assets}}Cropped Img.png" alt="Frames crop"  width="50%" height="50%">
 
 2. Share the video frames set with [Dynamsoft Support team](https://www.dynamsoft.com/contact/). Our support team will investigate the video frames and get back to you with a solution as soon as possible.
 

license/offline-registration-license.md

@@ -11,13 +11,13 @@ needAutoGenerateSidebar: false
 You can follow the steps below to manually register the device and get the license key for each device:
 
 1. Log in [Customer Portal](https://www.dynamsoft.com/customer/license/fullLicense) -> Click the Activate button to activate the license
-   ![activate](./assets/activate.jpg)
+   ![activate]({{site.dbr_server_assets}}activate.jpg)
 
 2. Select the 3rd option "No License Server. Register Offline Device(s) Manually" and click Activate.
-   ![offline-activate](./assets/offline-activate.jpg)
+   ![offline-activate]({{site.dbr_server_assets}}offline-activate.jpg)
 
 3. Click the Add Device button then it will pop up a dialog. Download the tool from the pop up.
-   ![uuid-tool](./assets/uuid-tool.jpg)
+   ![uuid-tool]({{site.dbr_server_assets}}uuid-tool.jpg)
 
 4. Unzip the file and run the GenerateUUID tool on the device to be registered and get the UUID.<br>
 
@@ -26,7 +26,7 @@ For Windows:<br>
 -Change the working directory to the one where GenerateUUID.exe is<br>
 -Run the command `GenerateUUID.exe`<br>
 The returned string, e.g. 8ECCA3B6-66F9-4fd6-B6B6-308C874140C6, is the machine ID.<br>
-![uuid](./assets/uuid.jpg)<br>
+![uuid]({{site.dbr_server_assets}}uuid.jpg)<br>
 
 For Linux:<br>
 -Open Terminal<br>
@@ -54,10 +54,10 @@ SoftbindUUID:230e089a-7dc3-4caa-9c77-f7cc6d567f9b<br>
 > ```
 
 5. Input the generated UUID and device name and click Submit.
-   ![submit-uuid](./assets/submit-uuid.jpg)
+   ![submit-uuid]({{site.dbr_server_assets}}submit-uuid.jpg)
 
 6. Then an authorization string will be generated. This string is the license for this device. Copy the license and set it in the code
-   ![cp-license](./assets/cp-license.jpg)
+   ![cp-license]({{site.dbr_server_assets}}/cp-license.jpg)
 
 Code snippet in JavaScript: