You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: guides/mobile-web-capture.md
+15-15Lines changed: 15 additions & 15 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,7 +18,7 @@ description: Mobile Web Capture User Guide
18
18
19
19
> See it in action with the [Mobile Web Capture Demo](https://demo.dynamsoft.com/mobile-web-capture/).
20
20
21
-
This guide walks you through building a web application that scans multi-page documents using **MWC**, with **pre-defined configurations**.
21
+
This guide walks you through building a web application that scans multi-page documents using MWC, with **pre-defined configurations**.
22
22
23
23
> If you are looking for a solution that scans single-page documents, please read [Dynamsoft Document Scanner User Guide](https://www.dynamsoft.com/mobile-web-capture/docs/guides/document-scanner.html) instead.
24
24
@@ -41,19 +41,19 @@ This guide walks you through building a web application that scans multi-page do
41
41
42
42
### Get a Trial License
43
43
44
-
If you haven't got a trial license for **MWC**, you can request one through our [customer portal](https://www.dynamsoft.com/customer/license/trialLicense?product=mwc&source=guide). The trial license can be renewed twice, offering a total of two months of free access.
44
+
If you haven't got a trial license for MWC, you can request one through our [customer portal](https://www.dynamsoft.com/customer/license/trialLicense?product=mwc&source=guide). The trial license can be renewed twice, offering a total of two months of free access.
45
45
46
-
> **DDS** and **MWC** share the same license keys. If you already have a **DDS** license, you can use it for **MWC**, and vice versa.
46
+
> **DDS** and MWC share the same license keys. If you already have a **DDS** license, you can use it for MWC, and vice versa.
47
47
48
48
### Get a Full License
49
49
50
50
To purchase a full license, [contact us](https://www.dynamsoft.com/company/contact/).
51
51
52
52
## Quick Start
53
53
54
-
To use **MWC**, the first step is to obtain its library files. You can acquire them from one of the following sources:
54
+
To use MWC, the first step is to obtain its library files. You can acquire them from one of the following sources:
55
55
56
-
1.[**GitHub**](https://github.com/Dynamsoft/mobile-web-capture) – Contains the source files for the **MWC** SDK, which can be compiled into library files.
56
+
1.[**GitHub**](https://github.com/Dynamsoft/mobile-web-capture) – Contains the source files for the MWC SDK, which can be compiled into library files.
57
57
2.[**npm**](https://www.npmjs.com/package/dynamsoft-mobile-web-capture) – Provides precompiled library files via npm for easier installation.
58
58
3.[**CDN**](https://cdn.jsdelivr.net/npm/dynamsoft-mobile-web-capture) – Delivers precompiled library files through a CDN for quick and seamless integration.
59
59
@@ -64,15 +64,15 @@ You can choose one of the following methods to set up a Hello World page:
64
64
65
65
### Option 1: Build from Source
66
66
67
-
This method retrieves all **MWC** source files from its [GitHub Repository](https://github.com/Dynamsoft/mobile-web-capture), compiles them into a distributable package, and then runs a *ready-made* Hello World sample page included in the repository.
67
+
This method retrieves all MWC source files from its [GitHub Repository](https://github.com/Dynamsoft/mobile-web-capture), compiles them into a distributable package, and then runs a *ready-made* Hello World sample page included in the repository.
68
68
69
69
Follow these steps:
70
70
71
-
1. Download **MWC** from [GitHub](https://github.com/Dynamsoft/mobile-web-capture) as a compressed folder.
71
+
1. Download MWC from [GitHub](https://github.com/Dynamsoft/mobile-web-capture) as a compressed folder.
72
72
> Alternatively, you can [download the same file from Dynamsoft website](https://www.dynamsoft.com/mobile-web-capture/downloads/).
73
73
2. Extract the contents of the archive.
74
74
3. Enter the license key you received in [Get a Trial License](#get-a-trial-license).
75
-
> In your code editor, open the Hello World sample located at [`/samples/hello-world.html`](https://github.com/Dynamsoft/mobile-web-capture/blob/main/samples/hello-world.html). Search for `"YOUR_LICENSE_KEY_HERE"` and replace it with your actual license key.
75
+
> In your code editor, open the Hello World sample located at [`/samples/hello-world.html`](https://github.com/Dynamsoft/mobile-web-capture/blob/master/samples/hello-world.html). Search for `"YOUR_LICENSE_KEY_HERE"` and replace it with your actual license key.
76
76
4. Install project dependencies
77
77
In the terminal, navigate to the project root directory and run:
78
78
```bash
@@ -89,19 +89,19 @@ Follow these steps:
89
89
npm run serve
90
90
```
91
91
Once the server is running, open the application in a browser using the address provided in the terminal output after running `npm run serve`.
92
-
> See the server configuration details in [`/dev-server/index.js`](https://github.com/Dynamsoft/mobile-web-capture/blob/main/dev-server/index.js).
92
+
> See the server configuration details in [`/dev-server/index.js`](https://github.com/Dynamsoft/mobile-web-capture/blob/master/dev-server/index.js).
93
93
94
94
### Option 2: Use Precompiled Script
95
95
96
-
Since the **MWC** library files are published on [npm](https://www.npmjs.com/package/dynamsoft-mobile-web-capture), it's easy to reference them from a CDN.
96
+
Since the MWC library files are published on [npm](https://www.npmjs.com/package/dynamsoft-mobile-web-capture), it's easy to reference them from a CDN.
97
97
98
98
To use the precompiled script, simply include the following URL in a `<script>` tag:
Below is the complete Hello World sample page that uses this precompiled script from a CDN.
104
-
> This code is identical to the [`/samples/hello-world.html`](https://github.com/Dynamsoft/mobile-web-capture/blob/main/samples/hello-world.html) file mentioned in the [Build from Source](#option-1-build-from-source) section, except for the script source.
104
+
> This code is identical to the [`/samples/hello-world.html`](https://github.com/Dynamsoft/mobile-web-capture/blob/master/samples/hello-world.html) file mentioned in the [Build from Source](#option-1-build-from-source) section, except for the script source.
105
105
>
106
106
> **Don't forget** to replace `"YOUR_LICENSE_KEY_HERE"` with your actual license key.
107
107
@@ -140,7 +140,7 @@ Alternatively, you can use other methods like `IIS` or `Apache` to serve the pro
140
140
141
141
Let’s walk through the code in the Hello World sample to understand how it works.
142
142
143
-
> Instead of using the code above, an alternative way to view the full code is by visiting the [Mobile Web Capture Hello World Sample](https://github.com/Dynamsoft/mobile-web-capture/blob/main/samples/hello-world.html).
143
+
> Instead of using the code above, an alternative way to view the full code is by visiting the [Mobile Web Capture Hello World Sample](https://github.com/Dynamsoft/mobile-web-capture/blob/master/samples/hello-world.html).
144
144
145
145
### Reference MWC
146
146
@@ -158,7 +158,7 @@ Let’s walk through the code in the Hello World sample to understand how it wor
158
158
</head>
159
159
```
160
160
161
-
In this step, **MWC** is referenced using a relative local path in the `<head>` section of the HTML.
161
+
In this step, MWC is referenced using a relative local path in the `<head>` section of the HTML.
162
162
163
163
```html
164
164
<script src="../dist/mwc.bundle.js"></script>
@@ -170,7 +170,7 @@ Alternatively, the script can be referenced from a CDN:
**MWC** wraps all its dependency scripts, so a **MWC** project only needs to include **MWC** itself as a single script. No additional dependency scripts are required.
173
+
MWC wraps all its dependency scripts, so a MWC project only needs to include MWC itself as a single script. No additional dependency scripts are required.
174
174
175
175
> ⚠**IMPORTANT**: Even if you reference the script locally, supporting resources like `.wasm` engine files are still loaded from the CDN at runtime. If you require a **fully offline setup**, follow the instructions in [Self-Hosting Resource File](https://www.dynamsoft.com/mobile-web-capture/docs/guides/mobile-web-capture-customization.html#self-hosting-resource-files).
176
176
@@ -185,7 +185,7 @@ const mobileWebCapture = new Dynamsoft.MobileWebCapture({
185
185
186
186
API Reference: [`MobileWebCapture()`](https://www.dynamsoft.com/mobile-web-capture/docs/api/mobile-web-capture.html#mobilewebcapture)
187
187
188
-
This step creates the **MWC** UI, which, when launched, occupies the entire visible area of the browser window by default. If needed, you can specify a container to restrict the UI's size. For more details, refer to [Specify the UI Container](https://www.dynamsoft.com/mobile-web-capture/docs/guides/mobile-web-capture-customization.html#example-1-specify-the-ui-container).
188
+
This step creates the MWC UI, which, when launched, occupies the entire visible area of the browser window by default. If needed, you can specify a container to restrict the UI's size. For more details, refer to [Specify the UI Container](https://www.dynamsoft.com/mobile-web-capture/docs/guides/mobile-web-capture-customization.html#specify-the-ui-container).
189
189
190
190
> A **license key** is required for the instantiation.
0 commit comments