Demo App Testen Sie das schnellste und zuverlässigste Barcode Scanner SDK!

Zum Download

JavaScript Barcode Scanner SDK

Mobile Datenerfassung JavaScript Library

Anforderungen

web logo

Mobile Plattform

  • Web Browsers mit WebAssembly Unterstützung
  • Android 5.0+: Chrome, Firefox, Edge
  • iOS 11.0+: Safari (Chrome und Firefox ab iOS 14.4)

Mehr Details zu der WebAssembly Unterstützung finden Sie hier.

Geräte

  • Rückkamera mit Autofokus (empfohlen)
  • Frontkamera mit Autofokus

Entwicklungstool

  • Alle JavaScript IDE
  • Funktioniert mit allen bekannten Frameworks, wie Angular, React, oder Vanilla (plain) JavaScript

Distributionskanal

  • npm-Registry (für NodeJS-basierte Frameworks)
  • JSDELIVR (kostenloses externes CDN)

Testen Sie den Scanbot Barcode Scanner in unserer Web Demo

Web Barcode Demo QR Code

Warum Scanbot SDK?

Barcode accuracy

Schnell & zuverlässig

Der Scanbot Barcode Scanner scannt Barcodes schnell und zuverlässig und sorgt so für ein reibungsloses Scan-Erlebnis

Prototyp in wenigen Stunden entwickelt

Mit unserer detaillierten Dokumentation und unseren Testprojekten lässt sich ein erster Prototyp in nur wenigen Stunden entwickeln

Slack icon

Entwickler-Support über Slack/Teams

Unsere Entwickler:innen helfen Ihnen bei der Lösung aller Probleme

Keine externen Server

Das Scanbot SDK verwendet ausschließlich on-device intelligence, wodurch die Lösung GDPR- und CCPA/CAAP-konform ist

Ermöglichen Sie Barcode-Scanning auf Ihrer Website mit dem JavaScript Barcode Scanner

Die Integration des Web Page Web Page Barcode Scanner ermöglicht es Ihrer Website, Daten aus allen gängigen 1D- und 2D-Barcodes zu extrahieren. Zuverlässige und schnelle Erkennung mit aktuellen Smartphones, auch aus ungünstigen Winkeln oder bei schlechten Lichtverhältnissen.;

Die Dekodierung von Barcodes über eine Webseite oder Webanwendung war noch nie so einfach. Eine breite Browserkompatibilität, 98,7 % genaue Barcode-Ergebnisse und direkter Zugriff auf die extrahierten Daten ermöglichen es Ihnen, eine Lösung zu schaffen, die Ihre Benutzer:innen lieben werden.

Erste Schritte mit dem Scanbot JavaScript Barcode Scanner

Das Scanbot Web Barcode Scanner SDK ist als npm-Paket verfügbar und kann auch via jsdelivr geladen werden.

Nach der Installation fügen Sie Ihrer HTM-Datei zunächst ein Container-Element hinzu:

<div id="barcode-scanner-container"></div>

Anschließend können Sie den JavaScript Barcode Scanner einfach in Ihrer JavaScript-App starten:

var barcodeScanner = await scanbotSDK.createBarcodeScanner({
				containerId: 'barcode-scanner-container',
				onBarcodesDetected: onBarcodesDetected,
			});

Sie können die zu scannenden 1D- und 2D-Barcodes selbst konfigurieren:

var barcodeScanner = await scanbotSDK.createBarcodeScanner({
	    containerId: 'barcode-scanner-container',
	    …
	    barcodeFormats: [
	      "AZTEC",
	      "CODABAR",
	      "CODE_39",
	      "CODE_93",
	      "CODE_128",
	      "DATA_MATRIX",
	      "EAN_8",
	      "EAN_13",
	      "ITF",
	      "MAXICODE",
	      "PDF_417",
	      "QR_CODE",
	      "RSS_14",
	      "RSS_EXPANDED",
	      "UPC_A",
	      "UPC_E",
	      "UPC_EAN_EXTENSION",
	      "MSI_PLESSEY",
	    ]
	  });

Außerdem können Sie das Aussehen Ihres JavaScript Barcode-Scanners individuell anpassen:

var barcodeScanner = await scanbotSDK.createBarcodeScanner({
	    containerId: 'barcode-scanner-container',
	    …
	    style: {
	      window: {
	        aspectRatio: 1,
	        paddingPropLeft: 0.5,
	        borderColor: "white",
	        left: "50%",
	        top: "50%",
	        transform: "translate(-50%, -50%)"
	      },
	      text: {
	        color: "white",
	        size: "0.9em",
	        weight: 300,
	      },
	      backgroundColor: "rgba(0, 0, 0, 0.7)",
	      hint: "Please align the barcode or QR code in the frame"
	    }
	  });

Vollständige Beispielprojekte

Wenn Sie sofort loslegen möchten, werfen Sie gerne einen Blick auf unser GitHub-Repository. Dort finden Sie Beispielprojekte zu React, Angular und Plain JavaScript: https://github.com/doo/scanbot-sdk-example-web/

Sie veranschaulichen die Integrationen sämtlicher API-Methoden des Scanbot Web Document Scanner und des Barcode Scanner SDK, darunter der 1D- und 2D-Barcode-Scanner, der Dokumentenscanner, die Benutzeroberfläche zum Zuschneiden von Aufnahmen, Bildfilter, PDF- und TIFF-Rendering und das Scannen von maschinenlesbaren Zonen (MRZ).

Verfügbar auf allen großen Plattformen

Häufig gestellte Fragen

Sie haben nicht gefunden, wonach Sie gesucht haben? Wir haben für Sie die häufigsten Fragen zusammengestellt.

Wie scanne ich Barcodes mit JavaScript?

Die JavaScript-basierte Scantechnologie ermöglicht die Integration eines Barcode Scanner SDK Moduls in Ihre Website oder Webanwendung, um Barcodes mit jedem mobilen Gerät zu scannen, das über eine Rückkamera verfügt.

Wie integriere ich einen Barcode Scanner in eine Webanwendung?

Scanner SDKs ermöglichen die schnelle und einfache Integration von Barcode-Scanning-Funktionen in jede Website oder Web-App. Sie enthalten alle erforderlichen Tools, eine ausführliche Dokumentation und Scanfunktionen, die einwandfreie Ergebnisse garantieren.

Mit welchen Browsern kann ich Barcodes scannen?

Sie können Barcodes praktisch von jedem Browser aus scannen. Das Scanbot SDK unterstützt derzeit das Scannen mit jedem Browser, der WebAssembly unterstützt. Für Android sind dies: Chrome, Firefox & Edge, für iOS: Safari (Chrome und Firefox ab iOS 14.4).

Für welche Plattformen ist das Barcode Scanner SDK derzeit verfügbar?

Das Scanbot Barcode Scanner SDK eignet sich für native iOS- oder Android-Entwicklung, hybride Entwicklung über Xamarin & Xamarin.forms, Ionic, Cordova, Flutter, React Native und Webentwicklung über JavaScript.