BarcodeDetector

const initDetector = async () => {
  if (!('BarcodeDetector' in globalThis)) {
    console.warn('Barcode Detection API wird nicht unterstützt.');
    return null;
  }
  const formats = await BarcodeDetector.getSupportedFormats();
  console.log('Unterstützte Formate:', formats);

  // Nur Formate anfordern, die das Gerät auch wirklich kann
  const wanted = ['qr_code', 'ean_13'].filter((f) => formats.includes(f));
  if (wanted.length === 0) return null;

  return new BarcodeDetector({ formats: wanted });
};

const detector = await initDetector();

// <input type="file" id="upload" accept="image/*">
const detector = new BarcodeDetector({ formats: ['qr_code', 'ean_13', 'code_128'] });

document.querySelector('#upload').addEventListener('change', async (event) => {
  const file = event.target.files[0];
  if (!file) return;

  const bitmap = await createImageBitmap(file);
  const barcodes = await detector.detect(bitmap);
  bitmap.close();

  if (barcodes.length === 0) {
    console.log('Kein Barcode gefunden.');
    return;
  }
  for (const { format, rawValue, boundingBox } of barcodes) {
    console.log(`${format}: ${rawValue} @ x=${Math.round(boundingBox.x)}, y=${Math.round(boundingBox.y)}`);
  }
});

// <video id="cam" autoplay playsinline muted></video>
const video = document.querySelector('#cam');
const detector = new BarcodeDetector({ formats: ['qr_code'] });

const stream = await navigator.mediaDevices.getUserMedia({
  video: { facingMode: 'environment' }
});
video.srcObject = stream;
await video.play();

const scan = async () => {
  try {
    const [code] = await detector.detect(video);
    if (code) {
      console.log('Gescannt:', code.rawValue);
      stream.getTracks().forEach((t) => t.stop()); // Kamera freigeben
      return;
    }
  } catch (err) {
    console.error('Erkennung fehlgeschlagen:', err);
  }
  requestAnimationFrame(scan);
};

requestAnimationFrame(scan);