|
| 1 | +--- |
| 2 | +layout: default-layout |
| 3 | +title: Introduction - Dynamsoft Barcode Reader JavaScript Edition |
| 4 | +description: This is the main page of Dynamsoft Barcode Reader JavaScript SDK. |
| 5 | +keywords: javascript, js |
| 6 | +needAutoGenerateSidebar: true |
| 7 | +needGenerateH3Content: true |
| 8 | +noTitleIndex: false |
| 9 | +breadcrumbText: JavaScript |
| 10 | +permalink: /programming/javascript/index-v9.6.42.html |
| 11 | +--- |
| 12 | + |
| 13 | +# Dynamsoft Barcode Reader JavaScript Edition |
| 14 | + |
| 15 | +Dynamsoft Barcode Reader (DBR) can be used in JavaScript to add barcode reading capabilities to websites running in modern browsers. It is ideal for |
| 16 | + |
| 17 | +* Organizations who already have sophisticated websites and do not intend to develop mobile applications for the same purposes; |
| 18 | +* Organizations whose customers have no desire to install applications for temporary usage of their services. |
| 19 | + |
| 20 | +To get a fast start, you can |
| 21 | + |
| 22 | +* Read the [User Guide](user-guide/) |
| 23 | +* Try the [Samples and Demos](samples-demos/) |
| 24 | + |
| 25 | +The following describes the highlights of DBR when used in JavaScript. |
| 26 | + |
| 27 | +## Fast Integration |
| 28 | + |
| 29 | +The following lines of code is all that is required to integrate DBR in JavaScript: |
| 30 | + |
| 31 | +``` html |
| 32 | +< script src= "https://cdn.jsdelivr.net/npm/[email protected]/dist/dbr.js"></ script> |
| 33 | +<script> |
| 34 | + // specify a license, you can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=intro&product=dbr&package=js to get your own trial license good for 30 days. |
| 35 | + Dynamsoft.DBR.BarcodeScanner.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9'; |
| 36 | + (async()=>{ |
| 37 | + let scanner = await Dynamsoft.DBR.BarcodeScanner.createInstance(); |
| 38 | + scanner.onUniqueRead = (txt, result) => { |
| 39 | + // Do something with the "txt" found in the barcode |
| 40 | + }; |
| 41 | + await scanner.show(); |
| 42 | + })(); |
| 43 | +</script> |
| 44 | +``` |
| 45 | + |
| 46 | +After the integration, end users of the web page can open it in a browser, access their cameras and read barcodes directly from the video input. |
| 47 | + |
| 48 | +### Built-in Camera Control |
| 49 | + |
| 50 | +Customers generally need to scan a barcode on the fly at which time there is no better input than the camera hooked to or built into the device itself. DBR uses the powerful **MediaDevices** interface (provided by the browser itself) to instantly connect the video input of the camera with the back-end decoding engine. |
| 51 | + |
| 52 | +### Interactive UI |
| 53 | + |
| 54 | +Good interaction design is essential for a website, the same is true for SDKs such as DBR. As shown in the screenshot below, DBR streams the video on the page, guides the user where to aim and highlights the areas where barcodes are found. |
| 55 | + |
| 56 | + |
| 57 | + |
| 58 | +## High Performance |
| 59 | + |
| 60 | +Barcode reading is usually just an auxiliary way to assist a small step in a complex workflow. Customers like the convenience, but if it takes too long or is error-prone, their patience will quickly run out. Therefore, high performance is crucial. |
| 61 | + |
| 62 | +### Unparalleled Speed |
| 63 | + |
| 64 | +DBR showcases Dynamsoft's cutting-edge technology in light-speed recognition of barcodes. In most cases, an image gets deblurred, binarized and read under 100 milliseconds. |
| 65 | + |
| 66 | +### Proficiency in Handling Difficult Environments |
| 67 | + |
| 68 | +The actual use environment is unpredictable. The barcode may appear distorted, inverted, or partially damaged; the background may be textured or spotted; the light may be very low, and there may be shadows and glare. DBR handles all these cases with its rich image processing algorithms through various adjustable settings. |
| 69 | + |
| 70 | +### Exceptional Accuracy |
| 71 | + |
| 72 | +DBR does a lot of preparation work to make sure the barcode is as legible as possible for the decoding engine to read. This ensures a very high accuracy. In addition, DBR achieves even higher accuracy through the following ways: |
| 73 | + |
| 74 | +* DBR has a confidence score for each recognition which can be used to filter unwanted results; |
| 75 | +* In the case of continuous scanning, DBR compares the results of multiple consecutive recognitions and return only the results confirmed by at least two efforts. |
| 76 | + |
| 77 | +Through many experiences, DBR has also cultivated its error correction ability against barcodes which do not strictly abide by the specification as well as deformed barcodes caused by improper printing. |
| 78 | + |
| 79 | +## Next Step |
| 80 | + |
| 81 | +Read the [User Guide](user-guide/) to start building your own websites with barcode reading capabilities. |
| 82 | + |
| 83 | +## See Also |
| 84 | + |
| 85 | +### API Reference |
| 86 | + |
| 87 | +For a overview of the APIs, see the [API Reference](api-reference/). |
| 88 | + |
| 89 | +### Release Notes |
| 90 | + |
| 91 | +For a peek of DBR history, check the [Release Notes](release-notes/). |
0 commit comments