BarcodeDetector: BarcodeDetector() constructor
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Note: This feature is available in Web Workers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The BarcodeDetector() constructor creates
a new BarcodeDetector object which detects linear and two-dimensional
barcodes in images.
Syntax
new BarcodeDetector()
new BarcodeDetector(options)
Parameters
optionsOptional-
An options object containing a series of
BarcodeFormatsto search for in the subsequentdetect()calls. The options are:formatsOptional-
An
Arrayof barcode formats as strings. If not provided,detect()calls search for all supported formats. Limiting to specific formats is therefore recommended for performance reasons. To see a full list of supported formats see the supported barcode format.
Exceptions
TypeError-
Thrown if the
formatsis specified and the parameter is empty or containsunknown.
Examples
This example creates a new barcode detector object, with specified supported formats and tests for browser compatibility.
// check compatibility
if (!("BarcodeDetector" in globalThis)) {
console.log("Barcode Detector is not supported by this browser.");
} else {
console.log("Barcode Detector supported!");
// create new detector
const barcodeDetector = new BarcodeDetector({
formats: ["code_39", "codabar", "ean_13"],
});
}
Specifications
| Specification |
|---|
| Accelerated Shape Detection in Images # dom-barcodedetector-barcodedetector |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
BarcodeDetector() constructor
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- See implementation notes.
- User must explicitly enable this feature.
- Has more compatibility info.