Erkenne Text...
';
+ document.body.appendChild(overlay);
+
+ try {
+ // Worker initialisieren (falls noch nicht geschehen)
+ const worker = await initOCRWorker();
+
+ // Bild vorverarbeiten für bessere Erkennung
+ const processedBlob = await preprocessImage(imageBlob);
+
+ // OCR mit 10s Timeout
+ const timeoutPromise = new Promise((_, reject) =>
+ setTimeout(() => reject(new Error('OCR Timeout')), 10000)
+ );
+
+ const ocrPromise = worker.recognize(processedBlob);
+ const result = await Promise.race([ocrPromise, timeoutPromise]);
+
+ overlay.remove();
+
+ const recognizedText = result.data.text;
+ console.log('OCR Result:', recognizedText);
+ console.log('OCR Confidence:', result.data.confidence);
+
+ // DEBUG: Erkannten Text anzeigen
+ showToast('OCR erkannte: "' + recognizedText.trim().substring(0, 50) + '"', 'info', 5000);
+
+ // Ziffern extrahieren
+ const matches = extractDigitSequences(recognizedText, currentDigitCount);
+ console.log('Gefundene ' + currentDigitCount + '-stellige Zahlen:', matches);
+
+ if (matches.length === 0) {
+ // Keine Treffer
+ showToast('Keine ' + currentDigitCount + '-stellige Zahl gefunden', 'error');
+ playErrorBeep();
+ } else if (matches.length === 1) {
+ // Ein Treffer - direkt verwenden
+ onOCRDetected(matches[0]);
+ } else {
+ // Mehrere Treffer - Auswahl anzeigen
+ showOCRSelectionModal(matches);
+ }
+
+ } catch (e) {
+ overlay.remove();
+ console.error('OCR Error:', e);
+ if (e.message === 'OCR Timeout') {
+ showToast('OCR-Timeout - bitte erneut versuchen', 'error');
+ } else {
+ showToast('OCR-Fehler: ' + e.message, 'error');
+ }
+ }
+ }
+
+ // Bild vorverarbeiten: MINIMAL - nur Grayscale
+ async function preprocessImage(blob) {
+ return new Promise((resolve) => {
+ const img = new Image();
+ const canvas = document.createElement('canvas');
+ const ctx = canvas.getContext('2d');
+
+ img.onload = function() {
+ // Original-Größe beibehalten - keine Skalierung
+ canvas.width = img.width;
+ canvas.height = img.height;
+
+ // Bild zeichnen
+ ctx.drawImage(img, 0, 0);
+
+ // NUR Grayscale - kein Kontrast, kein Binary!
+ // Tesseract macht das selbst besser
+ const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+ const data = imageData.data;
+
+ for (let i = 0; i < data.length; i += 4) {
+ // Grayscale
+ const gray = 0.299 * data[i] + 0.587 * data[i+1] + 0.114 * data[i+2];
+ data[i] = data[i+1] = data[i+2] = gray;
+ }
+
+ ctx.putImageData(imageData, 0, 0);
+
+ // Zurück zu Blob
+ canvas.toBlob(function(processedBlob) {
+ resolve(processedBlob);
+ }, 'image/jpeg', 0.95);
+ };
+
+ img.src = URL.createObjectURL(blob);
+ });
+ }
+
+ // N-stellige Zahlensequenzen extrahieren - NUR zusammenhängende Zahlenblöcke mit EXAKT N Ziffern!
+ function extractDigitSequences(text, digitCount) {
+ // Alle zusammenhängenden Zahlenblöcke finden
+ const numberBlocks = text.match(/\d+/g) || [];
+
+ // Nur Blöcke mit EXAKT digitCount Ziffern (keine Subsequenzen, keine Zusammensetzungen!)
+ const matches = numberBlocks.filter(function(block) {
+ return block.length === digitCount;
+ });
+
+ // Duplikate entfernen
+ return [...new Set(matches)];
+ }
+
+ // Auswahl-Modal bei mehreren OCR-Treffern
+ function showOCRSelectionModal(matches) {
+ pauseScanner();
+
+ const modal = document.createElement('div');
+ modal.className = 'ocr-select-modal';
+ modal.innerHTML = '' +
+ '' +
+ '
' +
+ matches.map(function(code) {
+ return '
' + code + '
';
+ }).join('') +
+ '
' +
+ '
+
+
+ ${history.map((item, i) => {
+ const relativeTime = getRelativeTime(item.timestamp);
+ const label = formatLabels[item.type] || item.type;
+ return `
+
+
+ ${escapeHtml(label)}
+ ${escapeHtml(item.code)}
+
+
+ ${relativeTime}
+
+
+ `;
+ }).join('')}
+
+