Web SDK · Barcode & QR Code · als Service
Registriere dich, bekomme einen persönlichen Embed‑Link und bau in einer Zeile Code Kamera‑basiertes Scannen für 1D‑ und 2D‑Codes in deine Seite ein — inklusive Low‑Light/Glare‑optimierter Decoder‑Pipeline und Nutzungs‑Tracking pro Account.
Kamera noch nicht gestartet.
Die meisten OSS‑Integrationen rufen den Decoder direkt mit dem rohen Kamera‑Frame auf. Diese Engine analysiert jeden Frame zuerst (Helligkeit, Glare‑Anteil, Schärfe) und wendet gezielt eine von mehreren Techniken an, bevor erneut dekodiert wird:
Gleicht ungleichmäßige Ausleuchtung lokal aus — hilft gleichzeitig bei dunklen Ecken und Reflexionen im selben Frame.
Tile‑basierte, geclippte Histogramm‑Equalization statt globaler Kurve — verstärkt Modul‑Kontrast ohne Rauschen zu explodieren.
Komprimiert überbelichtete Spitzlichter statt sie hart abzuschneiden, damit Kanten unter der Reflexion erhalten bleiben.
Mittelt mehrere Frames bei stabiler Haltung, um Sensorrauschen bei hohem ISO zu reduzieren — ohne Bewegungsunschärfe zu erzeugen.
Aktiviert die Taschenlampe automatisch bei anhaltend schlechtem Licht und deaktiviert sie wieder, sobald sie Glare verursacht.
Der teure Enhancement‑Pfad läuft nur, wenn der schnelle Rohbild‑Decode fehlschlägt — gute Lichtverhältnisse bleiben so flüssig.
Aktiv unterstützte Formate laufen über die zxing‑wasm Engine (Port von zxing‑cpp, MIT lizenziert). Fünf Nischenformate sind sichtbar, aber noch ohne Decoder hinterlegt — ehrlich als „Soon“ markiert statt vorgetäuscht.
Nach der Registrierung bekommt jeder Account einen eigenen, personalisierten Script‑Tag. Jede Scan‑Session und jeder gescannte Code läuft serverseitig über deinen Account und zählt gegen dein monatliches Kontingent — genau wie bei einem klassischen API‑Key, nur eben als fertiger Drop‑in‑Widget statt als reine API.
So sieht die Einbindung in deiner Seite aus — ein Button, der den Scanner per Klick als Fullpage‑Overlay öffnet:
<button type="button" data-jsscanner-trigger>Scanner öffnen</button>
<script src="https://scanify.devpage.ch/embed/DEIN_PERSOENLICHER_TOKEN.js"></script>Optional: Overlay manuell öffnen statt über das Attribut
document.addEventListener("jsscanner:ready", () => {
document.getElementById("mein-eigener-button").addEventListener("click", () => {
JSScannerEmbed.openFullscreen();
});
});Optional: Inline statt Fullpage — fester Bereich in der Seite
<div data-jsscanner style="width:360px;height:640px;"></div>
<script src="https://scanify.devpage.ch/embed/DEIN_PERSOENLICHER_TOKEN.js"></script>