Tesseract.js bringt Bild-OCR-Übersetzung in Browser

Die OCR-Übersetzung ist immer noch nicht perfekt, aber sie hat sich in den letzten Jahren dramatisch verbessert. Vorreiter ist die Tesseract- Übersetzungs-Engine, die derzeit in C ++ verfügbar ist .

Obwohl dies eine unglaubliche Bibliothek ist, ist sie jedoch auf Software beschränkt. Zum Glück hat jemand eine Portierung von Tesseract in JavaScript gemacht, die Tesseract.js heißt. Es unterstützt bis zu 60 Sprachen und obwohl es sicherlich nicht perfekt ist, macht es die Arbeit gut.

Installation und Einrichtung ist ein Kinderspiel, wo Sie jedes Bildelement auf der Seite ausrichten und die Tesseract.recognise () - Funktion ausführen können. Dies kann jede Art von Bild aufnehmen und es wird automatisch komprimiert und direkt im Browser übersetzt.

Sie können viel komplizierter, aber die Schönheit ist, wie Sie OCR mit einer einzigen Codezeile ausführen können .

Sehen Sie sich die Tesseract.js-Startseite an, wenn Sie eine Live-Demo sehen möchten. Dies funktioniert direkt im Browser, wo Sie jedes gescannte Textbild ziehen und ablegen können, um eine automatische OCR-Übersetzung zu erhalten .

Sie können dieses Beispiel auch lokal über die GitHub-Seite herunterladen oder Sie können Ihre eigene App erstellen, indem Sie das Tesseract.js-Skript direkt aus einem CDN einbinden.

Das einfachste Codebeispiel sieht folgendermaßen aus, wobei myImage eine direkte Referenz auf ein HTML-Bildelement ist:

 Tesseract.recognize (myImage) .then (Funktion (Ergebnis) {console.log (Ergebnis)}); 

In jedem Fall ist diese Bibliothek so hilfreich, um mit OCR im Web zu arbeiten. Es ist bei weitem nicht perfekt, aber es ist auch die beste Ressource für Webentwickler, die dynamische In-Page-OCR-Funktionalität wünschen .

Um mehr zu erfahren, besuchen Sie die Seite Tesseract.js GitHub, wo Sie eine Live-Demo anschauen und die Online-Dokumentation durchsuchen können.

WordPress Überwachung und Tracking mit Stream

WordPress enthält alle Funktionen, mit denen Sie eine Website erstellen und dann selbst betreiben können. Wenn Ihre Website und Ihr Unternehmen wachsen, müssen Sie jedoch ein Team einstellen, um an der Erweiterung der Website zu arbeiten . Einige von ihnen benötigen wahrscheinlich Zugriff auf die Back-End-Administration der Site (WP-Admin).Es

(Tech- und Design-Tipps)

Add Margin Hover Text auf jeder Website leicht mit Marginotes

Inline-Tooltips sind fantastisch, aber manchmal passen sie einfach nicht zu bestimmten Inhalten. Die meisten Websites lassen an den Rändern entlang des Seitenrumpfs Platz . Dies ist ideal zum Hinzufügen von Tooltip-ähnlichen Inhalten ohne die Tooltips .Geben Sie Marginotes ein, ein kostenloses quelloffenes jQuery-Plugin, das den Seitenrändern Ihrer Webseite benutzerdefinierte Notizen hinzufügt . Sie

(Tech- und Design-Tipps)