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

Gratis JavaScript-bibliotek til EPUB-dokumentgengivelse

Open Source JavaScript-bibliotek for at få adgang til og gengive EPUB-dokumenter i browseren og på tværs af andre enheder.

Leder efter et brugervenligt bibliotek, der kan gengive EPUB-dokumenter i browseren såvel som på tværs af mange andre enheder. Epub.js er et meget kraftfuldt open source JavaScript-bibliotek, der tillader programmører og applikationer at få adgang til og gengive EPUB-dokumenter i browseren med lethed. EPUB er et meget populært e-bogs-filformat, der er meget brugt af udgivere og forbrugere. Det understøttes af mange e-læsere og softwareapplikationer over hele internetverdenen og kan konverteres til mange andre formater (såsom PDF, Mobi og iBooks).

Epub.js er meget nyttigt til håndtering af e-bøger, da det giver en grænseflade til almindelige e-bogsfunktioner som gengivelse, persistens og paginering osv. Der er flere vigtige gengivelsesmetoder, som f.eks. standardmetoden kun viser en enkelt sektion ad gangen. Den kontinuerlige styring kan bruges til at vise så mange sektioner som nødvendigt for at fylde skærmen, og forudindlæse næste sektion uden for skærmen. Flowtilsidesættelsessektionen er baseret på indstillingerne i OPF, er som standard pagineret.

Biblioteket har inkluderet flere vigtige funktioner til at arbejde med EPUB-dokumenter, såsom søgning i hele EPUB-dokumentet, søgning i det aktuelle kapitel, swipe for at vende sider, generere og gemme placeringer, vende sider med piletaster og mange flere.

Previous Next

Kom godt i gang med Epub.js

Epub.js er tilgængelig på npm. Først skal du installere node.js og derefter kan du installere Epub.js på din maskine. Brug venligst følgende kommando for problemfri installation.

Installer Epub.js via npm

 npm install

Du kan også installere det manuelt; download de seneste udgivelsesfiler direkte fra GitHub-lageret.

Gengiv EPUB-dokumenter på forskellige måder via JavaScript

Open source Epub.js-biblioteket gør det muligt for softwareprogrammører at gengive EPUB-dokumenter på forskellige måder i deres egne JavaScript-applikationer. Biblioteket tilbyder to forskellige gengivelsesmetoder, inklusive standard og kontinuerlig. Standardgengivelsesmetoden kan bruges til at vise en enkelt sektion ad gangen. På den anden side kan den kontinuerlige tilstand bruges til at vise flere sektioner i henhold til behovet for at fylde skærmen og forudindlæse det næste afsnit uden for skærmen.

Gengiv EPUB-dokumenter på forskellige måder via Java-bibliotek


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

Anvend Hooks i EPUB-dokumenter i JavaScript-apps

Epub.js-biblioteket har inkluderet en meget nyttig funktion, der ligner plugins, til at interagere med og manipulere indholdet af bogen. Biblioteket implementerer begivenheder, som du nemt kan blive tilsluttet. For eksempel kan brugere direkte indlæse videoer fra YouTube-links, før de implementerer annotering eller viser et kapitels indhold. Hooks havde brug for en begivenhed at registrere sig til, og en kan returnere et løfte om at blokere, indtil de er færdige.

Sådan indlæses videoer fra YouTube-links 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
    });
})

Manipulering af EPUB-dokumenter via JavaScript

Open source Epub.js har leveret komplet funktionalitet til at oprette nye EPUB-dokumenter og manipulere det med blot et par linjer JavaScript-kode. En fil med filtypen .epub er blot en zip-fil, der indeholder en masse HTML, billeder og metadata om din e-bog. Biblioteket gør det muligt at specificere brugerdefineret CSS og skrifttyper til styling af dokumentet. Det giver flere vigtige funktioner til at søge i hele bogen eller søge i et aktuelt kapitel, swipe for at vende sider, generere og gemme placeringer og så videre.

Stryg for at vende sider i EPUB-dokumenter ved hjælp af 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;
    });
});
 Dansk