// QR code scanner interop (html5-qrcode) for Blazor.
// Usage from .NET: qrScanner.start(elementId, dotNetRef) / qrScanner.stop()
window.qrScanner = (function () {
let scanner = null;
let lastText = null;
let lastTime = 0;
async function ensureLib() {
if (window.Html5Qrcode) return;
await new Promise((resolve, reject) => {
const s = document.createElement('script');
s.src = 'lib/html5-qrcode/html5-qrcode.min.js';
s.onload = resolve;
s.onerror = () => reject(new Error('QR-Bibliothek konnte nicht geladen werden.'));
document.head.appendChild(s);
});
}
async function start(elementId, dotNetRef) {
await stop();
await ensureLib();
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
throw new Error('Kamera wird von diesem Browser nicht unterstützt (HTTPS erforderlich).');
}
scanner = new Html5Qrcode(elementId, {
formatsToSupport: [Html5QrcodeSupportedFormats.QR_CODE],
verbose: false
});
const config = {
fps: 10,
qrbox: (w, h) => {
const size = Math.max(180, Math.min(w, h) * 0.7);
return { width: size, height: size };
},
aspectRatio: 1.0
};
const onSuccess = (text) => {
const now = Date.now();
if (text === lastText && now - lastTime < 2500) return;
lastText = text;
lastTime = now;
dotNetRef.invokeMethodAsync('OnQrScanned', text);
};
try {
await scanner.start({ facingMode: 'environment' }, config, onSuccess, () => { });
} catch (e) {
// Fallback: any camera
const cams = await Html5Qrcode.getCameras();
if (!cams || cams.length === 0) throw new Error('Keine Kamera gefunden.');
await scanner.start(cams[0].id, config, onSuccess, () => { });
}
}
async function stop() {
if (!scanner) return;
try {
if (scanner.isScanning) await scanner.stop();
scanner.clear();
} catch (e) { /* ignore */ }
scanner = null;
lastText = null;
}
// Short audio feedback ("success" | "error") via Web Audio, no asset required.
function playSound(type) {
try {
const Ctx = window.AudioContext || window.webkitAudioContext;
if (!Ctx) return;
const ctx = new Ctx();
const osc = ctx.createOscillator();
const gain = ctx.createGain();
osc.type = 'sine';
osc.frequency.value = type === 'error' ? 220 : 880;
gain.gain.value = 0.08;
osc.connect(gain).connect(ctx.destination);
osc.start();
osc.stop(ctx.currentTime + (type === 'error' ? 0.25 : 0.12));
osc.onended = () => ctx.close().catch(() => { });
} catch (e) { /* audio is best-effort */ }
}
return { start, stop, playSound };
})();