1. Tuotteet
  2.   e-kirja
  3.   JavaScript
  4.   Epub.js
 
  

Ilmainen JavaScript-kirjasto EPUB-asiakirjojen renderöintiin

Avoimen lähdekoodin JavaScript-kirjasto, jolla voit käyttää ja hahmontaa EPUB-dokumentteja selaimessa ja muissa laitteissa.

Etsitkö helppokäyttöistä kirjastoa, joka voi renderöidä EPUB-dokumentteja selaimen sisällä sekä monissa muissa laitteissa. Epub.js on erittäin tehokas avoimen lähdekoodin JavaScript-kirjasto, jonka avulla ohjelmoijat ja sovellukset voivat käyttää ja renderöidä EPUB-dokumentteja selaimessa helposti. EPUB on erittäin suosittu eBook-tiedostomuoto, jota julkaisijat ja kuluttajat käyttävät laajalti. Sitä tukevat monet e-lukijat ja ohjelmistosovellukset kaikkialla Internetissä, ja se on muunnettavissa moniin muihin muotoihin (kuten PDF, Mobi ja iBooks).

Epub.js on erittäin hyödyllinen e-kirjojen käsittelyssä, koska se tarjoaa käyttöliittymän yleisille e-kirjojen toiminnoille, kuten renderöintiin, pysyvyyteen ja sivuttamiseen jne. On olemassa useita tärkeitä renderöintimenetelmiä, kuten oletusmenetelmä, joka näyttää vain yhden osan kerrallaan. Jatkuvaa hallintaa voidaan käyttää näyttämään niin monta osiota kuin tarvitaan näytön täyttämiseen ja esilataamaan seuraava osio ruudulta. Virran ohitusosio perustuu OPF:n asetuksiin, oletuksena sivutettu.

Kirjastossa on useita tärkeitä ominaisuuksia EPUB-dokumenttien kanssa työskentelyyn, kuten etsiminen koko EPUB-dokumentista, haku nykyisestä luvusta, pyyhkäisy kääntääksesi sivuja, luoda ja tallentaa paikkoja, kääntää sivuja nuolinäppäimillä ja paljon muuta.

Previous Next

Epub.js:n käytön aloittaminen

Epub.js on saatavilla osoitteessa npm. Ensin sinun on asennettava node.js ja sen jälkeen voit asentaa Epub.js:n koneellesi. Käytä seuraavaa komentoa sujuvaan asennukseen.

Asenna Epub.js npm:n kautta

 npm install

Voit asentaa sen myös manuaalisesti; lataa uusimmat julkaisutiedostot suoraan GitHub-arkistosta.

Renderöi EPUB-dokumentteja eri tavoilla JavaScriptin kautta

Avoimen lähdekoodin Epub.js-kirjaston avulla ohjelmoijat voivat renderöidä EPUB-dokumentteja eri tavoin omissa JavaScript-sovelluksissaan. Kirjasto tarjoaa kaksi erilaista renderöintimenetelmää, mukaan lukien oletus ja jatkuva. Oletusrenderöintimenetelmää voidaan käyttää näyttämään yksi osa kerrallaan. Toisaalta jatkuvaa tilaa voidaan käyttää useiden osien näyttämiseen sen mukaan, että näyttö on täytettävä ja seuraava osio esiladattava näytön ulkopuolelle.

Renderöi EPUB-dokumentteja eri tavoilla Java-kirjastossa


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

Käytä koukkuja EPUB-dokumenteissa JavaScript-sovelluksissa

Epub.js-kirjastossa on erittäin hyödyllinen ominaisuus, joka on samanlainen kuin laajennukset, joilla voi olla vuorovaikutuksessa kirjan sisällön kanssa ja muokata sitä. Kirjasto toteuttaa tapahtumia, joihin voit helposti jäädä koukkuun. Käyttäjät voivat esimerkiksi ladata videoita suoraan YouTube-linkeistä ennen huomautusten käyttöönottoa tai luvun sisällön näyttämistä. Hooks tarvitsi tapahtuman rekisteröityäkseen ja voi palauttaa lupauksen estää, kunnes ne on valmis.

Kuinka ladata videoita YouTube-linkeistä Java API:n kautta

  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-dokumenttien käsittely JavaScriptin avulla

Avoimen lähdekoodin Epub.js on tarjonnut täydelliset toiminnot uusien EPUB-dokumenttien luomiseen ja sen käsittelemiseen vain parilla JavaScript-koodirivillä. Tiedosto, jonka tunniste on .epub, on vain zip-tiedosto, joka sisältää joukon HTML-koodia, kuvia ja metatietoja sähköisestä kirjastasi. Kirjasto mahdollistaa mukautetun CSS:n ja fonttien määrittämisen asiakirjan tyyliin. Se tarjoaa useita tärkeitä toimintoja, joiden avulla voit etsiä koko kirjasta tai etsiä nykyisestä luvusta, kääntää sivuja pyyhkäisemällä, luoda ja tallentaa paikkoja ja niin edelleen.

Pyyhkäise kääntääksesi sivuja EPUB-dokumenteissa Java API:n avulla

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