1. Producten
  2.   eBoek
  3.   JavaScript
  4.   Epub.js
 
  

Gratis JavaScript-bibliotheek voor weergave van EPUB-documenten

Open Source JavaScript-bibliotheek om EPUB-documenten te openen en weer te geven in de browser en op andere apparaten.

Op zoek naar een eenvoudig te gebruiken bibliotheek die EPUB-documenten zowel in de browser als op vele andere apparaten kan weergeven. Epub.js is een zeer krachtige open source JavaScript-bibliotheek waarmee programmeurs en toepassingen gemakkelijk EPUB-documenten in de browser kunnen openen en weergeven. EPUB is een erg populair eBook-bestandsformaat dat veel wordt gebruikt door uitgevers en consumenten. Het wordt ondersteund door veel e-readers en softwaretoepassingen in de internetwereld en is converteerbaar naar vele andere formaten (zoals PDF, Mobi en iBooks).

De Epub.js is erg handig voor het verwerken van eBooks, omdat het een interface biedt voor algemene eBook-functionaliteiten zoals weergave, persistentie en paginering enz. Er zijn verschillende belangrijke weergavemethoden die deel uitmaken van de standaardmethode, zoals de standaardmethode die slechts één sectie tegelijk weergeeft. De continue manager kan worden gebruikt om zoveel secties weer te geven als nodig is om het scherm te vullen, en de volgende sectie off-screen vooraf te laden. De stroomoverride-sectie is gebaseerd op de instellingen in de OPF, standaard gepagineerd.

De bibliotheek bevat verschillende belangrijke functies voor het werken met EPUB-documenten, zoals zoeken in het volledige EPUB-document, zoeken in het huidige hoofdstuk, vegen om pagina's om te slaan, locaties genereren en opslaan, pagina's omslaan met pijltjestoetsen en nog veel meer.

Previous Next

Aan de slag met Epub.js

Epub.js is beschikbaar op npm. Eerst moet u node.js installeren en vervolgens kunt u Epub.js op uw computer installeren. Gebruik de volgende opdracht voor een vlotte installatie.

Installeer Epub.js via npm

 npm install

U kunt het ook handmatig installeren; download de nieuwste releasebestanden rechtstreeks vanuit de GitHub-repository.

Geef EPUB-documenten op verschillende manieren weer via JavaScript

De open source Epub.js-bibliotheek stelt softwareprogrammeurs in staat om EPUB-documenten op verschillende manieren weer te geven in hun eigen JavaScript-applicaties. De bibliotheek biedt twee verschillende weergavemethoden, waaronder standaard en continu. De standaard weergavemethode kan worden gebruikt om één sectie tegelijk weer te geven. Aan de andere kant kan de continue modus worden gebruikt om meerdere secties weer te geven, afhankelijk van de behoefte om het scherm te vullen en de volgende sectie off-screen vooraf te laden.

Geef EPUB-documenten op verschillende manieren weer via Java Library


// 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" });

Hooks toepassen in EPUB-documenten in JavaScript-apps

De Epub.js-bibliotheek bevat een zeer handige functie die vergelijkbaar is met plug-ins voor interactie met en het manipuleren van de inhoud van het boek. De bibliotheek implementeert evenementen waaraan u gemakkelijk kunt worden vastgehaakt. Gebruikers kunnen bijvoorbeeld direct video's van YouTube-links laden voordat annotatie wordt geïmplementeerd of de inhoud van een hoofdstuk wordt weergegeven. Hooks had een evenement nodig om zich voor te registreren en een belofte om te blokkeren totdat ze klaar waren.

Hoe video's van YouTube-links te laden via 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
    });
})

EPUB-documenten manipuleren via JavaScript

De open source Epub.js biedt volledige functionaliteit voor het maken van nieuwe EPUB-documenten en het manipuleren ervan met slechts een paar regels JavaScript-code. Een bestand met de extensie .epub is gewoon een zipbestand met een heleboel HTML, afbeeldingen en metadata over je eBook. Met de bibliotheek kunt u aangepaste CSS en lettertypen specificeren om het document op te maken. Het biedt verschillende belangrijke functies om het hele boek te doorzoeken of een huidig hoofdstuk te doorzoeken, te vegen om pagina's om te slaan, locaties te genereren en op te slaan, enzovoort.

Veeg om pagina's om te slaan in EPUB-documenten met Java API

 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;
    });
});
 Dutch