1. Produkter
  2.   eBok
  3.   JavaScript
  4.   Epub.js
 
  

Gratis JavaScript-bibliotek for EPUB-dokumentgjengivelse

Open Source JavaScript-bibliotek for å få tilgang til og gjengi EPUB-dokumenter i nettleseren og på tvers av andre enheter.

Ser etter et brukervennlig bibliotek som kan gjengi EPUB-dokumenter i nettleseren så vel som på tvers av mange andre enheter. Epub.js er et veldig kraftig JavaScript-bibliotek med åpen kildekode som lar programmerere og applikasjoner enkelt få tilgang til og gjengi EPUB-dokumenter i nettleseren. EPUB er et veldig populært eBok-filformat som er mye brukt av utgivere og forbrukere. Den støttes av mange e-lesere og programvareapplikasjoner over hele internettverdenen og kan konverteres til mange andre formater (som PDF, Mobi og iBooks).

Epub.js er veldig nyttig for håndtering av e-bøker, da det gir et grensesnitt for vanlige e-bok-funksjoner som gjengivelse, utholdenhet og paginering osv. Det er flere viktige gjengivelsesmetoder, for eksempel standardmetoden viser bare en enkelt seksjon om gangen. Den kontinuerlige lederen kan brukes til å vise så mange seksjoner som trengs for å fylle skjermen, og forhåndslaste neste seksjon utenfor skjermen. Seksjonen for flytoverstyring er basert på innstillingene i OPF, og er som standard paginert.

Biblioteket har inkludert flere viktige funksjoner for å jobbe med EPUB-dokumenter, som å søke i hele EPUB-dokumentet, søke i gjeldende kapittel, sveipe for å bla, generere og lagre steder, bla med piltaster og mye mer.

Previous Next

Komme i gang med Epub.js

Epub.js er tilgjengelig på npm. Først må du installere node.js og deretter installere Epub.js på maskinen din. Bruk følgende kommando for jevn installasjon.

Installer Epub.js via npm

 npm install

Du kan også installere det manuelt; last ned de siste utgivelsesfilene direkte fra GitHub-depotet.

Gjengi EPUB-dokumenter på forskjellige måter via JavaScript

Epub.js-biblioteket med åpen kildekode gjør det mulig for programvareprogrammerere å gjengi EPUB-dokumenter på forskjellige måter i sine egne JavaScript-applikasjoner. Biblioteket tilbyr to forskjellige gjengivelsesmetoder, inkludert standard og kontinuerlig. Standard gjengivelsesmetode kan brukes til å vise en enkelt seksjon om gangen. På den annen side kan den kontinuerlige modusen brukes til å vise flere seksjoner i henhold til behovet for å fylle skjermen og forhåndsinnlaste neste seksjon utenfor skjermen.

Gjengi EPUB-dokumenter på forskjellige måter via Java-biblioteket


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

Bruk kroker i EPUB-dokumenter i JavaScript-apper

Epub.js-biblioteket har inkludert en veldig nyttig funksjon som ligner på plugins for å samhandle med og manipulere innholdet i boken. Biblioteket gjennomfører arrangementer som du lett kan bli hektet på. For eksempel kan brukere laste inn videoer direkte fra YouTube-lenker før de implementerer merknader eller viser et kapittels innhold. Hooks trengte en begivenhet å registrere seg til og en kan returnere et løfte om å blokkere til de er ferdige.

Hvordan laste inn videoer fra YouTube-koblinger 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
    });
})

Manipulere EPUB-dokumenter via JavaScript

Den åpne kildekoden Epub.js har gitt komplett funksjonalitet for å lage nye EPUB-dokumenter og manipulere dem med bare et par linjer med JavaScript-kode. En fil med filtypen .epub er bare en zip-fil som inneholder en haug med HTML, bilder og metadata om e-boken din. Biblioteket lar deg spesifisere tilpasset CSS og fonter for stiling av dokumentet. Den har flere viktige funksjoner for å søke i hele boken eller søke i et gjeldende kapittel, sveipe for å bla, generere og lagre steder og så videre.

Sveip for å snu sider i EPUB-dokumenter ved hjelp av 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;
    });
});
 Norsk