このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

BarcodeDetector: BarcodeDetector() コンストラクター

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

もっと多くのブラウザーがこの機能に対応してほしいですか? 理由を教えてください。

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

メモ: この機能はウェブワーカー内で利用可能です。

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

BarcodeDetector() コンストラクターは、画像内の線形バーコードと 2 次元バーコードを検出する新しい BarcodeDetector (検出器)オブジェクトを作ります。

構文

js
new BarcodeDetector()
new BarcodeDetector(options)

引数

options 省略可

その後に呼び出される detect() で検索対象とする一連の BarcodeFormats を含んだオプションオブジェクトです。指定できるオプションは以下の通りです。

formats 省略可

バーコード形式を文字列の配列(Array)で指定します。 指定しない場合、detect() の呼び出しはサポートされているすべての形式を調べます。 パフォーマンスを良くするために、特定の形式に絞って指定することをお勧めします。 サポートされている形式の完全なリストについては、サポートされているバーコード形式 を参照してください。

例外

TypeError

formats が指定されているものの、そのパラメータが空であるか、または unknown が含まれている場合に発生します。

例

この例では、対応している形式を指定して新しいバーコード検出器オブジェクトを作成し、ブラウザーの互換性をテストしています。

js
// 互換性のチェック
if (!("BarcodeDetector" in globalThis)) {
  console.log("Barcode Detector はこのブラウザーでは対応していません。");
} else {
  console.log("Barcode Detector supported!");

  // 新しい検出器を作る
  const barcodeDetector = new BarcodeDetector({
    formats: ["code_39", "codabar", "ean_13"],
  });
}

仕様書

仕様書
Accelerated Shape Detection in Images
# dom-barcodedetector-barcodedetector

ブラウザーの互換性