https://github.com/dynamsoft/label-recognizer-javascript-samples
https://github.com/dynamsoft/label-recognizer-javascript-samples
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/dynamsoft/label-recognizer-javascript-samples
- Owner: Dynamsoft
- Archived: true
- Created: 2021-11-18T09:44:04.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-10-11T06:47:23.000Z (over 1 year ago)
- Last Synced: 2025-02-18T21:48:43.704Z (about 1 year ago)
- Language: HTML
- Size: 2.57 MB
- Stars: 3
- Watchers: 7
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dynamsoft Lable Recognizer samples for the web
⚠️ **Notice:** This repository has been **archived**. For the latest examples utilizing label recognition features, please visit the **[Dynamsoft Capture Vision Samples](https://github.com/Dynamsoft/capture-vision-javascript-samples)** repository. 🚀
This repository contains multiple samples that demonstrates how to use [Dynamsoft Lable Recognizer JavaScript Edition](https://www.dynamsoft.com/label-recognition/programming/javascript/?ver=latest).
[User Guide](https://www.dynamsoft.com/label-recognition/docs/web/programming/javascript/user-guide/index.html)
[API Reference](https://www.dynamsoft.com/label-recognition/programming/javascript/api-reference/?ver=latest)
## Hello World
Learn how to 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.
1. **Hello World**: Minimum necessary JavaScript code to get the Lable Recognizer up and running.
2. **Read an Existing Image**: Recognize labels using images that are stored locally, whether on mobile or desktop.
3. **Hello World in Angular**: Recognize video stream in an Angular Application from a USB-connected or built-in camera (mobile or desktop).
4. **Hello World in React**: Recognize video stream in a React Application from a USB-connected or built-in camera (mobile or desktop).
5. **Hello World in Vue 2**: Recognize video stream in a Vue 2 Application from a USB-connected or built-in camera (mobile or desktop).
6. **Hello World in Vue 3**: Recognize video stream in a Vue 3 Application from a USB-connected or built-in camera (mobile or desktop).
7. **Hello World in Next.js**: Recognize video stream in a Next.js Application from a USB-connected or built-in camera (mobile or desktop).
8. **Hello World in Nuxt**: Recognize video stream in a Nuxt Application from a USB-connected or built-in camera (mobile or desktop).
9. **Hello World in Electron**: Recognize video stream in a Electron Application from a USB-connected or built-in camera (desktop only).
10. **Hello World in PWA**: Recognize video stream in a PWA Application from a USB-connected or built-in camera (mobile or desktop).
11. **Hello World with RequireJS**: Recognize video stream in a simple Application using RequireJS from a USB-connected or built-in camera (mobile or desktop).
12. **Hello World with ES6**: Recognize video stream in a simple Application using ES6 from a USB-connected or built-in camera (mobile or desktop).
## Use Cases
Use cases of the library.
1. **Use Templates**: Select a specific template and open the camera for text recognition. Available templates include number, letter, passportMRZ, visaMRZ, MRZ, VIN etc.
2. **Read and Parse MRZ**: Read and parse the machine-readable zones (MRZ) usually found on passports, VISAs, etc.
> You can also [try the MRZ scanning online demo](https://demo.dynamsoft.com/label-recognizer-js/mrz-scanner.html) or check out the [source code of the demo](https://github.com/Dynamsoft/label-recognizer-javascript-demo).
## Contact Us
If you have any questions with these samples, feel free to submit an issue or [contact us](https://www.dynamsoft.com/company/contact/).