1. Produkter
  2.   e-bok
  3.   JavaScript
  4.   Epub.js
 
  

Gratis JavaScript-bibliotek för EPUB-dokumentåtergivning

JavaScript-bibliotek med öppen källkod för att komma åt och rendera EPUB-dokument i webbläsaren och på andra enheter.

Letar efter ett enkelt att använda bibliotek som kan återge EPUB-dokument i webbläsaren såväl som på många andra enheter. Epub.js är ett mycket kraftfullt JavaScript-bibliotek med öppen källkod som gör att programmerare och applikationer enkelt kan komma åt och rendera EPUB-dokument i webbläsaren. EPUB är ett mycket populärt filformat för e-böcker som används flitigt av förlag och konsumenter. Den stöds av många e-läsare och mjukvaruapplikationer över hela internetvärlden och kan konverteras till många andra format (som PDF, Mobi och iBooks).

Epub.js är mycket användbart för att hantera e-böcker eftersom det ger ett gränssnitt för vanliga e-bokfunktioner som rendering, persistens och paginering etc. Det finns flera viktiga renderingsmetoder som ingår i t.ex. standardmetoden visar bara en enskild sektion åt gången. Den kontinuerliga hanteraren kan användas för att visa så många avsnitt som behövs för att fylla skärmen, och förladda nästa avsnitt utanför skärmen. Flödesöverstyrningssektionen baseras på inställningarna i OPF, standardinställningen är paginerad.

Biblioteket har inkluderat flera viktiga funktioner för att arbeta med EPUB-dokument, som att söka i hela EPUB-dokumentet, söka i det aktuella kapitlet, svepa för att vända sidor, generera och spara platser, vända blad med piltangenter och många fler.

Previous Next

Komma igång med Epub.js

Epub.js är tillgängligt på npm, först måste du installera node.js och sedan kan du installera Epub.js på din maskin. Använd följande kommando för smidig installation.

Installera Epub.js via npm

 npm install

Du kan också installera det manuellt; ladda ner de senaste versionsfilerna direkt från GitHub-förrådet.

Återge EPUB-dokument på olika sätt via JavaScript

Epub.js-biblioteket med öppen källkod gör det möjligt för programvaruprogrammerare att rendera EPUB-dokument på olika sätt i sina egna JavaScript-applikationer. Biblioteket erbjuder två olika renderingsmetoder, inklusive standard och kontinuerlig. Standardåtergivningsmetoden kan användas för att visa en enskild sektion åt gången. Å andra sidan kan det kontinuerliga läget användas för att visa flera sektioner enligt behovet av att fylla skärmen och förladda nästa sektion utanför skärmen.

Återge EPUB-dokument på olika sätt 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" });

Applicera Hooks i EPUB-dokument i JavaScript-appar

Epub.js-biblioteket har inkluderat en mycket användbar funktion som liknar plugins för att interagera med och manipulera innehållet i boken. Biblioteket genomför evenemang som du enkelt kan haka på. Användare kan till exempel ladda videor direkt från YouTube-länkar innan de implementerar anteckningar eller visar ett kapitels innehåll. Hooks behövde ett evenemang att registrera sig till och en kan lämna tillbaka ett löfte om att blockera tills de är klara.

Hur man laddar videor från YouTube-länkar 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
    });
})

Manipulera EPUB-dokument via JavaScript

Epub.js med öppen källkod har tillhandahållit komplett funktionalitet för att skapa nya EPUB-dokument och manipulera dem med bara ett par rader JavaScript-kod. En fil med filtillägget .epub är bara en zip-fil som innehåller en massa HTML, bilder och metadata om din e-bok. Biblioteket gör det möjligt att specificera anpassade CSS och teckensnitt för att formatera dokumentet. Den tillhandahåller flera viktiga funktioner för att söka i hela boken eller söka i ett aktuellt kapitel, svepa för att vända sidor, generera och spara platser och så vidare.

Svep för att vända sidor i EPUB-dokument med 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;
    });
});
 Svenska