1. Produkte
  2.   eBook
  3.   JavaScript
  4.   Epub.js
 
  

Kostenlose JavaScript-Bibliothek zum Rendern von EPUB-Dokumenten

Open-Source-JavaScript-Bibliothek zum Aufrufen und Rendern von EPUB-Dokumenten im Browser und auf anderen Geräten.

Suchen Sie nach einer einfach zu verwendenden Bibliothek, die EPUB-Dokumente im Browser sowie auf vielen anderen Geräten wiedergeben kann. Epub.js ist eine sehr leistungsstarke Open-Source-JavaScript-Bibliothek, mit der Programmierer und Anwendungen problemlos auf EPUB-Dokumente im Browser zugreifen und diese darstellen können. EPUB ist ein sehr beliebtes EBook-Dateiformat, das von Verlagen und Verbrauchern weit verbreitet ist. Es wird von vielen E-Readern und Softwareanwendungen in der gesamten Internetwelt unterstützt und kann in viele andere Formate (wie PDF, Mobi und iBooks) konvertiert werden.

Die Epub.js ist sehr nützlich für die Handhabung von eBooks, da sie eine Schnittstelle für gängige eBook-Funktionalitäten wie Rendering, Persistenz und Paginierung usw. bietet. Es gibt mehrere wichtige Rendering-Methoden, die Teil davon sind, wie z. B. die Standardmethode, die jeweils nur einen einzelnen Abschnitt anzeigt. Der kontinuierliche Manager kann verwendet werden, um so viele Abschnitte wie nötig anzuzeigen, um den Bildschirm zu füllen, und den nächsten Abschnitt vorab außerhalb des Bildschirms zu laden. Der Abschnitt zum Überschreiben des Flusses basiert auf den Einstellungen im OPF und ist standardmäßig paginiert.

Die Bibliothek enthält mehrere wichtige Funktionen für die Arbeit mit EPUB-Dokumenten, z. B. das Durchsuchen des gesamten EPUB-Dokuments, das Durchsuchen des aktuellen Kapitels, das Umblättern durch Wischen, das Generieren und Speichern von Positionen, das Umblättern von Seiten mit den Pfeiltasten und vieles mehr.

Previous Next

Erste Schritte mit Epub.js

Epub.js ist unter npm verfügbar. Zuerst müssen Sie node.js installieren und können dann Epub.js auf Ihrem Computer installieren. Bitte verwenden Sie den folgenden Befehl für eine reibungslose Installation.

Installieren Sie Epub.js über npm

 npm install

Sie können es auch manuell installieren; Laden Sie die neuesten Release-Dateien direkt aus dem GitHub-Repository herunter.

Rendern Sie EPUB-Dokumente auf verschiedene Weise über JavaScript

Die Open-Source-Bibliothek Epub.js ermöglicht Softwareprogrammierern, EPUB-Dokumente auf verschiedene Weise in ihren eigenen JavaScript-Anwendungen darzustellen. Die Bibliothek bietet zwei verschiedene Rendermethoden, einschließlich Standard und kontinuierlich. Die Standard-Rendering-Methode kann verwendet werden, um jeweils einen einzelnen Abschnitt anzuzeigen. Auf der anderen Seite kann der kontinuierliche Modus verwendet werden, um mehrere Abschnitte anzuzeigen, je nach Bedarf, um den Bildschirm zu füllen und den nächsten Abschnitt außerhalb des Bildschirms vorab zu laden.

Rendern Sie EPUB-Dokumente auf verschiedene Weise über die Java-Bibliothek


// Default Rendering
book.renderTo("area", { method: "default", width: "100%", height: "100%" });
// Continuous Rendering
book.renderTo("area", { method: "continuous", width: "100%", height: "100%" });
//Flow Overrides Paginated
book.renderTo("area", { flow: "paginated", width: "900", height: "600" });
//Scrolled: 
book.renderTo("area", { flow: "scrolled-doc" });

Wenden Sie Hooks in EPUB-Dokumenten in JavaScript-Apps an

Die Epub.js-Bibliothek enthält eine sehr nützliche Funktion, die Plugins ähnelt, um mit dem Inhalt des Buchs zu interagieren und ihn zu manipulieren. Die Bibliothek implementiert Ereignisse, in die Sie sich leicht einklinken können. Beispielsweise können Benutzer Videos direkt von YouTube-Links laden, bevor sie Anmerkungen implementieren oder den Inhalt eines Kapitels anzeigen. Hooks brauchten ein Ereignis, für das sie sich registrieren konnten, und sie konnten ein Blockierungsversprechen zurückgeben, bis sie fertig waren.

So laden Sie Videos von YouTube-Links über die Java-API

  rendition.hooks.content.register(function(contents, view) {
    var elements = contents.document.querySelectorAll('[video]');
    var items = Array.prototype.slice.call(elements);
    items.forEach(function(item){
      // do something with the video item
    });
})

Bearbeiten von EPUB-Dokumenten über JavaScript

Das Open Source Epub.js bietet vollständige Funktionalität zum Erstellen neuer EPUB-Dokumente und deren Bearbeitung mit nur wenigen Zeilen JavaScript-Code. Eine Datei mit der Erweiterung .epub ist nur eine ZIP-Datei, die eine Reihe von HTML, Bildern und Metadaten zu Ihrem eBook enthält. Die Bibliothek ermöglicht die Angabe von benutzerdefiniertem CSS und Schriftarten zum Gestalten des Dokuments. Es bietet mehrere wichtige Funktionen zum Durchsuchen des gesamten Buches oder zum Durchsuchen eines aktuellen Kapitels, Wischen zum Umblättern, Erstellen und Speichern von Orten und so weiter.

Wischen Sie, um Seiten in EPUB-Dokumenten mithilfe der Java-API umzublättern

 rendition.on("displayed", event => {
    let start = null;
    let end = null;
    const el = event.document.documentElement;
    el.addEventListener('touchstart', event => {
        start = event.changedTouches[0];
    });
    el.addEventListener('touchend', event => {
        end = event.changedTouches[0];
        let hr = (end.screenX - start.screenX) / el.getBoundingClientRect().width;
        let vr = (end.screenY - start.screenY) / el.getBoundingClientRect().height;
        if (hr > vr && hr > 0.25) return rendition.prev();
        if (hr < vr && hr < -0.25) return rendition.next();
        if (vr > hr && vr > 0.25) return;
        if (vr < hr && vr < -0.25) return;
    });
});
 Deutsch