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
<metaname="description" content="Dynamsoft Barcode Reader in an Angular Application, this online demo help you scan barcodes using a camera and find barcodes in images.">
8
8
<metaname="keywords" content="read barcodes from camera and images in Angular">
@@ -133,7 +129,6 @@ For each mode, there are a few arguments to fine-tune it for best performance. R
133
129
134
130
The following official sample showcases both ways to specify ROI.
135
131
136
-
* <atarget = "_blank"href="https://demo.dynamsoft.com/samples/dbr/js/3.settings/5.regionOfInterest-regionPredetection.html">Define or Detect the Region of Interest - Demo</a>
137
132
* <atarget = "_blank"href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/3.settings/5.regionOfInterest-regionPredetection.html">Define or Detect the Region of Interest - Source Code</a>
Copy file name to clipboardExpand all lines: README.md
+24-24Lines changed: 24 additions & 24 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,44 +20,44 @@ If you have any questions, feel free to [contact Dynamsoft support](https://www.
20
20
21
21
Get the basic features of the library working with plain/native JavaScript or within a framework like [Angular](https://angular.io/), [React](https://reactjs.org/) or [Vue](https://vuejs.org/), etc.
22
22
23
-
*[**Hello World**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/1.hello-world.html?utm_source=sampleReadme): Scan barcodes from video stream with minimum code in JavaScript.
24
-
*[**Read an Image**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/2.read-an-image.html?utm_source=sampleReadme): Decode barcodes from images in mobile album or desktop file system.
25
-
*[**Hello World in Angular**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/3.read-video-angular/dist/hello-world/?utm_source=sampleReadme): Decode video stream in an Angular application from a webcam or a built-in camera.
26
-
*[**Hello World in React**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/4.read-video-react/build/?utm_source=sampleReadme): Decode video stream in a React application from a webcam or a built-in camera.
27
-
*[**Hello World in React using Hooks**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/13.read-video-react-hooks/build/?utm_source=sampleReadme): Decode video stream in a React application from a webcam or a built-in camera and use the Hooks charactor of React.
28
-
*[**Hello World in Vue**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/5.read-video-vue/dist/?utm_source=sampleReadme): Decode video stream in a Vue 2 application from a webcam or a built-in camera.
29
-
*[**Hello World in Vue 3**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/6.read-video-vue3/dist/?utm_source=sampleReadme): Decode video stream in a Vue 3 application from a webcam or a built-in camera.
23
+
*[**Hello World**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/1.hello-world.html?utm_source=sampleReadme): Scan barcodes from video stream with minimum code in JavaScript.
24
+
*[**Read an Image**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/2.read-an-image.html?utm_source=sampleReadme): Decode barcodes from images in mobile album or desktop file system.
25
+
*[**Hello World in Angular**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/3.read-video-angular/dist/hello-world/?utm_source=sampleReadme): Decode video stream in an Angular application from a webcam or a built-in camera.
26
+
*[**Hello World in React**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/4.read-video-react/build/?utm_source=sampleReadme): Decode video stream in a React application from a webcam or a built-in camera.
27
+
*[**Hello World in React using Hooks**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/13.read-video-react-hooks/build/?utm_source=sampleReadme): Decode video stream in a React application from a webcam or a built-in camera and use the Hooks charactor of React.
28
+
*[**Hello World in Vue**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/5.read-video-vue/dist/?utm_source=sampleReadme): Decode video stream in a Vue 2 application from a webcam or a built-in camera.
29
+
*[**Hello World in Vue 3**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/6.read-video-vue3/dist/?utm_source=sampleReadme): Decode video stream in a Vue 3 application from a webcam or a built-in camera.
30
30
*[**Hello World in Next.js**](https://www.dynamsoft.com/barcode-reader/programming/javascript/samples-demos/helloworld-nextjs.html?utm_source=sampleReadme): Decode video stream in a Next.js application from a webcam or a built-in camera.
31
31
*[**Hello World in Nuxt**](https://www.dynamsoft.com/barcode-reader/programming/javascript/samples-demos/helloworld-nuxtjs.html?utm_source=sampleReadme): Decode video stream in a Nuxt application from a webcam or a built-in camera.
32
32
*[**Hello World in Electron**](https://www.dynamsoft.com/barcode-reader/programming/javascript/samples-demos/helloworld-electron.html?utm_source=sampleReadme): Decode video stream in a Electron application from a webcam or a built-in camera.
33
-
*[**Hello World in PWA**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/10.read-video-pwa/helloworld-pwa.html?utm_source=sampleReadme): Decode video stream in a PWA application from a webcam or a built-in camera.
34
-
*[**Hello World with RequireJS**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/11.read-video-requirejs.html?utm_source=sampleReadme): Decode video stream in an application using RequireJS from a webcam or a built-in camera.
35
-
*[**Hello World with ES6**](https://demo.dynamsoft.com/samples/dbr/js/1.hello-world/12.read-video-es6.html?utm_source=sampleReadme): Decode video stream in an application using ES6 from a webcam or a built-in camera.
33
+
*[**Hello World in PWA**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/10.read-video-pwa/helloworld-pwa.html?utm_source=sampleReadme): Decode video stream in a PWA application from a webcam or a built-in camera.
34
+
*[**Hello World with RequireJS**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/11.read-video-requirejs.html?utm_source=sampleReadme): Decode video stream in an application using RequireJS from a webcam or a built-in camera.
35
+
*[**Hello World with ES6**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/1.hello-world/12.read-video-es6.html?utm_source=sampleReadme): Decode video stream in an application using ES6 from a webcam or a built-in camera.
36
36
*[**Hello World in WebView**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/1.hello-world/14.read-video-webview): Decode video stream in an application in WebView from camera.
37
37
### Customize Camera UI
38
38
39
-
*[**Use the Default Camera UI**](https://demo.dynamsoft.com/samples/dbr/js/2.ui-tweaking/1.read-video-show-result.html?utm_source=sampleReadme): Show the default camera UI to decode video stream from a webcam or a built-in camera.
40
-
*[**Hide Display Controls**](https://demo.dynamsoft.com/samples/dbr/js/2.ui-tweaking/2.read-video-no-extra-control.html?utm_source=sampleReadme): Hide built-in UI elements (camera selection, resolution selection, etc.) and show only the video stream.
41
-
*[**Set up External Controls**](https://demo.dynamsoft.com/samples/dbr/js/2.ui-tweaking/3.read-video-with-external-control.html?utm_source=sampleReadme): Use custom controllers to manipulate the Camera UI.
42
-
*[**Changing Size of Video Viewer**](https://demo.dynamsoft.com/samples/dbr/js/2.ui-tweaking/4.difference-video-size.html?utm_source=sampleReadme): Enlarge the video stream temporarily to read a barcode.
43
-
*[**Customize the Camera UI**](https://demo.dynamsoft.com/samples/dbr/js/2.ui-tweaking/5.read-video-with-custom-default-ui.html?utm_source=sampleReadme): Show the custom camera UI to decode video stream from a webcam or a built-in camera.
39
+
*[**Use the Default Camera UI**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/2.ui-tweaking/1.read-video-show-result.html?utm_source=sampleReadme): Show the default camera UI to decode video stream from a webcam or a built-in camera.
40
+
*[**Hide Display Controls**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/2.ui-tweaking/2.read-video-no-extra-control.html?utm_source=sampleReadme): Hide built-in UI elements (camera selection, resolution selection, etc.) and show only the video stream.
41
+
*[**Set up External Controls**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/2.ui-tweaking/3.read-video-with-external-control.html?utm_source=sampleReadme): Use custom controllers to manipulate the Camera UI.
42
+
*[**Changing Size of Video Viewer**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/2.ui-tweaking/4.difference-video-size.html?utm_source=sampleReadme): Enlarge the video stream temporarily to read a barcode.
43
+
*[**Customize the Camera UI**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/2.ui-tweaking/5.read-video-with-custom-default-ui.html?utm_source=sampleReadme): Show the custom camera UI to decode video stream from a webcam or a built-in camera.
44
44
45
45
### Parameter Settings
46
46
47
47
How to configure different settings of the barcode scanning library.
48
48
49
-
*[**Formats and Count**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/1.barcodeFormats-expectedBarcodes.html?utm_source=sampleReadme): Set the barcode formats and the number of barcodes to read per image/frame.
50
-
*[**Localization and Binarization**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/2.localizationModes-binarizationModes.html?utm_source=sampleReadme): Set how localization and binarization are done during barcode decoding.
51
-
*[**Blurry or Small codes**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/3.blurred-small-barcodes.html?utm_source=sampleReadme): Set `DeblurModes` and `ScaleUpModes` for decoding blurry or small barcodes.
52
-
*[**Deformed or Incomplete codes**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/4.deformed-incomplete-barcodes.html?utm_source=sampleReadme): Set `DeformationResistingModes` or `BarcodeComplementModes` for decoding deformed or incomplete barcodes.
53
-
*[**Define or Detect the Region**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/5.regionOfInterest-regionPredetection.html?utm_source=sampleReadme): Set the region of interest manually or `regionPredetectionModes` to speed up the barcode reading process.
54
-
*[**Dense codes**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/6.dense-barcodes.html?utm_source=sampleReadme): Set `dense` template and high resolution for decoding dense barcodes.
49
+
*[**Formats and Count**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/3.settings/1.barcodeFormats-expectedBarcodes.html?utm_source=sampleReadme): Set the barcode formats and the number of barcodes to read per image/frame.
50
+
*[**Localization and Binarization**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/3.settings/2.localizationModes-binarizationModes.html?utm_source=sampleReadme): Set how localization and binarization are done during barcode decoding.
51
+
*[**Blurry or Small codes**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/3.settings/3.blurred-small-barcodes.html?utm_source=sampleReadme): Set `DeblurModes` and `ScaleUpModes` for decoding blurry or small barcodes.
52
+
*[**Deformed or Incomplete codes**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/3.settings/4.deformed-incomplete-barcodes.html?utm_source=sampleReadme): Set `DeformationResistingModes` or `BarcodeComplementModes` for decoding deformed or incomplete barcodes.
53
+
*[**Define or Detect the Region**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/3.settings/5.regionOfInterest-regionPredetection.html?utm_source=sampleReadme): Set the region of interest manually or `regionPredetectionModes` to speed up the barcode reading process.
54
+
*[**Dense codes**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/3.settings/6.dense-barcodes.html?utm_source=sampleReadme): Set `dense` template and high resolution for decoding dense barcodes.
55
55
56
56
### Use Cases
57
57
58
-
*[**Read Video and Fill a Form**](https://demo.dynamsoft.com/samples/dbr/js/4.use-case/1.fill-a-form-with-barcode-reading.html?utm_source=sampleReadme): Read barcodes to fill a form.
59
-
*[**Read a Driver's License**](https://demo.dynamsoft.com/samples/dbr/js/4.use-case/2.read-a-drivers-license.html?utm_source=sampleReadme): Read the PDF417 barcode on a driver's license (AAMVA compliant) and parse it.
60
-
*[**Show Result Texts on the Video**](https://demo.dynamsoft.com/samples/dbr/js/4.use-case/3.show-result-texts-on-the-video.html?utm_source=sampleReadme): Read barcodes via camera and show result texts on the video.
58
+
*[**Read Video and Fill a Form**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/4.use-case/1.fill-a-form-with-barcode-reading.html?utm_source=sampleReadme): Read barcodes to fill a form.
59
+
*[**Read a Driver's License**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/4.use-case/2.read-a-drivers-license.html?utm_source=sampleReadme): Read the PDF417 barcode on a driver's license (AAMVA compliant) and parse it.
60
+
*[**Show Result Texts on the Video**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/9.x/4.use-case/3.show-result-texts-on-the-video.html?utm_source=sampleReadme): Read barcodes via camera and show result texts on the video.
0 commit comments