Skip to content

Commit 21d5952

Browse files
DMGithubPublisherDMGithubPublisher
committed
update to internal commit ee62531c
1 parent 290a4b9 commit 21d5952

File tree

8 files changed

+308
-269
lines changed

8 files changed

+308
-269
lines changed

‎programming-old/javascript/samples-demos/helloworld-readFile.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ In this article, we'll make use of the library through the `jsDelivr` CDN. Make
5050
* In the page "body", add an input for image selecting and a div for displaying the barcode results.
5151

5252
```html
53-
<input id="ipt-file" type="file" accept="image/png,image/jpeg,image/bmp,image/gif">
53+
<input id="input-file" type="file" accept="image/png,image/jpeg,image/bmp,image/gif">
5454
<div id="results"></div>
5555
```
5656

@@ -59,7 +59,7 @@ In this article, we'll make use of the library through the `jsDelivr` CDN. Make
5959
```javascript
6060
let pReader = null;
6161
Dynamsoft.DBR.BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
62-
document.getElementById('ipt-file').addEventListener('change', async function() {
62+
document.getElementById('input-file').addEventListener('change', async function() {
6363
try {
6464
let resDIV = document.getElementById('results');
6565
let reader = await (pReader = pReader || Dynamsoft.DBR.BarcodeReader.createInstance());

‎programming/javascript/api-reference/index.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ In versions 10.x and higher, Dynamsoft Barcode Reader JavaScript Edition include
1616

1717
* [DynamsoftBarcodeReader](./barcode-reader-module.md)
1818
* [DynamsoftCaptureVisionRouter]({{ site.dcv_js_api }}capture-vision-router/capture-vision-router-module.html)
19+
* [DynamsoftCameraEnhancer]({{ site.dce_js_api }}index.html)
1920
* [DynamsoftLicense]({{ site.dcv_js_api }}license/license-module.html)
2021
* [DynamsoftUtility]({{ site.dcv_js_api }}utility/utility-module.html)
2122
* [DynamsoftCore]({{ site.dcv_js_api }}core/core-module.html)

‎programming/javascript/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,17 +33,17 @@ The following lines of code is all that is required to create a web page that sc
3333
<html>
3434
<body>
3535
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
36-
<div id="cameraViewContainer" style="width: 100%; height: 60vh"></div>
36+
<div id="camera-view-container" style="width: 100%; height: 60vh"></div>
3737
<textarea id="results" style="width: 100%; min-height: 10vh; font-size: 3vmin; overflow: auto" disabled></textarea>
3838
<script>
3939
Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");
4040
Dynamsoft.Core.CoreModule.loadWasm(["dbr"]);
4141
(async () => {
4242
let cvRouter = await Dynamsoft.CVR.CaptureVisionRouter.createInstance();
4343
44-
let view = await Dynamsoft.DCE.CameraView.createInstance();
45-
let cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(view);
46-
document.querySelector("#cameraViewContainer").append(view.getUIElement());
44+
let cameraView = await Dynamsoft.DCE.CameraView.createInstance();
45+
let cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
46+
document.querySelector("#camera-view-container").append(cameraView.getUIElement());
4747
cvRouter.setInput(cameraEnhancer);
4848
4949
const resultsContainer = document.querySelector("#results");

‎programming/javascript/upgrade-guide/9to10.md‎

Lines changed: 26 additions & 26 deletions
Large diffs are not rendered by default.

‎programming/javascript/user-guide/index-v10.0.20.md‎

Lines changed: 61 additions & 61 deletions
Large diffs are not rendered by default.

‎programming/javascript/user-guide/index-v10.0.21.md‎

Lines changed: 62 additions & 62 deletions
Large diffs are not rendered by default.

‎programming/javascript/user-guide/index.md‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ The complete code of the "Hello World" example is shown below
101101
<!DOCTYPE html>
102102
<html>
103103
<body>
104-
<div id="cameraViewContainer" style="width: 100%; height: 60vh"></div>
104+
<div id="camera-view-container" style="width: 100%; height: 60vh"></div>
105105
<textarea id="results" style="width: 100%; min-height: 10vh; font-size: 3vmin; overflow: auto" disabled></textarea>
106106
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
107107
<script>
@@ -110,9 +110,9 @@ The complete code of the "Hello World" example is shown below
110110
(async () => {
111111
let cvRouter = await Dynamsoft.CVR.CaptureVisionRouter.createInstance();
112112
113-
let view = await Dynamsoft.DCE.CameraView.createInstance();
114-
let cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(view);
115-
document.querySelector("#cameraViewContainer").append(view.getUIElement());
113+
let cameraView = await Dynamsoft.DCE.CameraView.createInstance();
114+
let cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
115+
document.querySelector("#camera-view-container").append(cameraView.getUIElement());
116116
cvRouter.setInput(cameraEnhancer);
117117
118118
const resultsContainer = document.querySelector("#results");
@@ -168,7 +168,7 @@ The complete code of the "Hello World" example is shown below
168168
```js
169169
cvRouter.setInput(cameraEnhancer);
170170
```
171-
> The image source in our case is a [CameraEnhancer](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/user-guide/index.html) object created with `Dynamsoft.DCE.CameraEnhancer.createInstance(view)`
171+
> The image source in our case is a [CameraEnhancer](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/user-guide/index.html) object created with `Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView)`
172172
- **Coordinate Image-Processing Tasks**
173173
- The coordination happens behind the scenes. `cvRouter` starts the process by specifying a preset template "ReadSingleBarcode" in the method `startCapturing()`.
174174
```js
@@ -392,16 +392,16 @@ document.getElementById('btn-scan').addEventListener('click', async () => {
392392
393393
The `CaptureVisionRouter` object, denoted as `cvRouter`, is responsible for handling images provided by an image source. In our scenario, we aim to detect barcodes directly from a live video stream. To facilitate this, we initialize a `CameraEnhancer` object, identified as `cameraEnhancer`, which is specifically designed to capture image frames from the video feed and subsequently forward them to `cvRouter`.
394394
395-
To enable video streaming on the webpage, we create a `CameraView` object referred to as `view`, which is then passed to `cameraEnhancer`, and its content is displayed on the webpage.
395+
To enable video streaming on the webpage, we create a `CameraView` object referred to as `cameraView`, which is then passed to `cameraEnhancer`, and its content is displayed on the webpage.
396396
397397
```html
398-
<div id="cameraViewContainer" style="width: 100%; height: 100vh"></div>
398+
<div id="camera-view-container" style="width: 100%; height: 100vh"></div>
399399
```
400400
401401
```javascript
402-
let view = await Dynamsoft.DCE.CameraView.createInstance();
403-
let cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(view);
404-
document.querySelector("#cameraViewContainer").append(view.getUIElement());
402+
let cameraView = await Dynamsoft.DCE.CameraView.createInstance();
403+
let cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
404+
document.querySelector("#camera-view-container").append(cameraView.getUIElement());
405405
cvRouter.setInput(cameraEnhancer);
406406
```
407407
@@ -565,7 +565,7 @@ While the code above accomplishes the task, a more effective approach is to rest
565565
> * See also: [CameraEnhancer::setScanRegion](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/acquisition.html#setscanregion)
566566
567567
```javascript
568-
cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(view);
568+
cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
569569
cameraEnhancer.setScanRegion({
570570
x: 25,
571571
y: 25,

0 commit comments

Comments
 (0)