Merge pull request #405 from dynamsoft-docs/preview

update to internal commit d766e71f

Author: Dynamsoft-Henry

_includes/sidelist-programming/programming-javascript.html

@@ -1669,6 +1669,11 @@
         >Why isn't my webcam reading the barcode on my driver's license or ID card?</a
       >
     </li>
+    <li>
+      <a href="{{ site.js }}faq/system-requirement.html"
+        >What are the system requirements for running the latest version of Dynamsoft Barcode Reader?</a
+      >
+    </li>
   </ul>
 </li>
 <li lang="javascript"><a href="{{ site.license_activation }}index.html" class="otherLinkColour">License Initialization</a></li>

programming/javascript/faq/index.md

@@ -84,3 +84,5 @@ noTitleIndex: true
 37. [How to Reduce Duplicate Scans and Optimize Scan Usage?](remove-duplicates.html)
 
 38. [Why isn't my webcam reading the barcode on my driver's license or ID card?](webcam-support-dense.md)
+
+39. [What are the system requirements for running the latest version of Dynamsoft Barcode Reader?](system-requirement.md)

programming/javascript/faq/system-requirement.md

@@ -0,0 +1,49 @@
+---
+layout: default-layout
+title: What are the system requirements for running the latest version of Dynamsoft Barcode Reader?
+keywords: Dynamsoft Barcode Reader, FAQ, JavaScript, system, requirement
+description: The system requirements for running the latest version of Dynamsoft Barcode Reader?
+needAutoGenerateSidebar: false
+---
+
+# What are the system requirements for running the latest version of Dynamsoft Barcode Reader?
+
+[<< Back to FAQ index](index.md)
+
+## System Requirements
+
+The latest version of DBR requires the following features to work:
+
+- Secure context (HTTPS deployment)
+
+  When deploying your application / website for production, make sure to serve it via a secure HTTPS connection. This is required for two reasons
+  
+  - Access to the camera video stream is only granted in a security context. Most browsers impose this restriction.
+  > Some browsers like Chrome may grant the access for `http://127.0.0.1` and `http://localhost` or even for pages opened directly from the local disk (`file:///...`). This can be helpful for temporary development and test.
+  
+  - Dynamsoft License requires a secure context to work.
+
+- `WebAssembly`, `Blob`, `URL`/`createObjectURL`, `Web Workers`
+
+  The above four features are required for the SDK to work.
+
+- `MediaDevices`/`getUserMedia`
+
+  This API is required for in-browser video streaming.
+
+- `getSettings`
+
+  This API inspects the video input which is a `MediaStreamTrack` object about its constrainable properties.
+
+The following table is a list of supported browsers based on the above requirements:
+
+  | Browser Name |     Version      |
+  | :----------: | :--------------: |
+  |    Chrome    | v78+<sup>1</sup> |
+  |   Firefox    | v68+<sup>1</sup> |
+  |     Edge     |       v79+       |
+  |    Safari    |       v14+       |
+
+  <sup>1</sup> devices running iOS needs to be on iOS 14.3+ for camera video streaming to work in Chrome, Firefox or other Apps using webviews.
+
+Apart from the browsers, the operating systems may impose some limitations of their own that could restrict the use of the SDK. Browser compatibility ultimately depends on whether the browser on that particular operating system supports the features listed above.

programming/javascript/user-guide/index.md

@@ -41,7 +41,7 @@ In this guide, you will learn step by step on how to integrate the DBR-JS SDK in
       - [Option 2: Host the SDK yourself (optional)](#option-2-host-the-sdk-yourself-optional)
     - [Step 2: Prepare the SDK](#step-2-prepare-the-sdk)
       - [1. Specify the license](#1-specify-the-license)
-      - [2. \[Optiona\] Specify the location of the "engine" files](#2-optiona-specify-the-location-of-the-engine-files)
+      - [2. \[Optional\] Specify the location of the "engine" files](#2-optional-specify-the-location-of-the-engine-files)
   - [Using the SDK](#using-the-sdk)
     - [Step 1: Preload the module](#step-1-preload-the-module)
     - [Step 2: Create a CaptureVisionRouter object](#step-2-create-a-capturevisionrouter-object)
@@ -90,7 +90,7 @@ Let's start with the "Hello World" example of the DBR-JS SDK which demonstrates
 
 **Basic Requirements**
   - Internet connection
-  - [A supported browser](#system-requirements)
+  - A supported browser
   - Camera access
 
 ### Understand the code
@@ -307,7 +307,7 @@ As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves
 
 > Upon registering a Dynamsoft account and obtaining the SDK package from the official website, Dynamsoft will automatically create a 30-day free trial license and embed the corresponding license key into all the provided SDK samples.
 
-#### 2. [Optiona] Specify the location of the "engine" files
+#### 2. [Optional] Specify the location of the "engine" files
 
 This is usually only required with frameworks like Angular, React or Vue.