1. produkty
  2.   eBook
  3.   JavaScript
  4.   Epub.js
 
  

Bezplatná knihovna JavaScript pro vykreslování dokumentů EPUB

Open Source JavaScript Library pro přístup a vykreslování dokumentů EPUB v prohlížeči a na jiných zařízeních.

Hledáte snadno použitelnou knihovnu, která dokáže vykreslit dokumenty EPUB v prohlížeči i na mnoha dalších zařízeních. Epub.js je velmi výkonná open source knihovna JavaScriptu, která umožňuje programátorům a aplikacím snadno přistupovat a vykreslovat dokumenty EPUB v prohlížeči. EPUB je velmi populární formát souborů EBook, který je široce používán vydavateli a spotřebiteli. Je podporován mnoha elektronickými čtečkami a softwarovými aplikacemi po celém světě internetu a je převoditelný do mnoha dalších formátů (jako jsou PDF, Mobi a iBooks).

Epub.js je velmi užitečný pro práci s elektronickými knihami, protože poskytuje rozhraní pro běžné funkce elektronických knih, jako je vykreslování, persistence a stránkování atd. Součástí je několik důležitých metod vykreslování, například výchozí metoda zobrazuje vždy pouze jednu sekci. Průběžného manažera lze použít k zobrazení tolika sekcí, kolik je potřeba k vyplnění obrazovky, a k předběžnému načtení další sekce mimo obrazovku. Sekce přepsání toku je založena na nastavení v OPF, výchozí je stránkovaná.

Knihovna obsahuje několik důležitých funkcí pro práci s dokumenty EPUB, jako je vyhledávání v celém dokumentu EPUB, prohledávání aktuální kapitoly, otáčení stránek přejetím, generování a ukládání umístění, otáčení stránek pomocí kláves se šipkami a mnoho dalších.

Previous Next

Začínáme s Epub.js

Epub.js je k dispozici na npm. Nejprve musíte nainstalovat node.js a poté můžete nainstalovat Epub.js na váš počítač. Pro hladkou instalaci použijte následující příkaz.

Nainstalujte Epub.js přes npm

 npm install

Můžete jej také nainstalovat ručně; stáhněte si soubory nejnovější verze přímo z úložiště GitHub.

Vykreslujte dokumenty EPUB různými způsoby prostřednictvím JavaScriptu

Open source knihovna Epub.js umožňuje softwarovým programátorům vykreslovat dokumenty EPUB různými způsoby v rámci jejich vlastních aplikací JavaScript. Knihovna nabízí dvě různé metody vykreslování, včetně výchozí a kontinuální. Výchozí metodu vykreslování lze použít k zobrazení jedné sekce najednou. Na druhou stranu kontinuální režim lze použít k zobrazení více sekcí podle potřeby vyplnit obrazovku a předběžně načíst další sekci mimo obrazovku.

Vykreslování dokumentů EPUB různými způsoby prostřednictvím knihovny Java


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

Použít háčky v dokumentech EPUB v aplikacích JavaScript

Knihovna Epub.js obsahuje velmi užitečnou funkci podobnou pluginům pro interakci a manipulaci s obsahem knihy. Knihovna implementuje události, do kterých se můžete snadno zapojit. Uživatelé mohou například přímo načítat videa z odkazů YouTube před implementací anotace nebo zobrazením obsahu kapitoly. Hooks potřeboval událost, do které se zaregistroval, a může vrátit příslib blokování, dokud nebude dokončen.

Jak načíst videa z odkazů YouTube přes 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
    });
})

Manipulace s dokumenty EPUB pomocí JavaScriptu

Open source Epub.js poskytuje kompletní funkčnost pro vytváření nových dokumentů EPUB a manipulaci s nimi pomocí pouhých několika řádků kódu JavaScript. Soubor s příponou .epub je pouze soubor zip obsahující spoustu HTML, obrázků a metadat o vaší elektronické knize. Knihovna umožňuje specifikovat vlastní CSS a fonty pro styling dokumentu. Poskytuje několik důležitých funkcí pro prohledávání celé knihy nebo prohledávání aktuální kapitoly, přejíždění pro otáčení stránek, generování a ukládání míst a tak dále.

Přejetím prstem otočíte stránky v dokumentech EPUB pomocí 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;
    });
});
 Čeština