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

Bezpłatna biblioteka JavaScript do renderowania dokumentów EPUB

Open Source JavaScript Library do uzyskiwania dostępu i renderowania dokumentów EPUB w przeglądarce i na innych urządzeniach.

Poszukuje prostej w użyciu biblioteki, która może renderować dokumenty EPUB w przeglądarce, jak również na wielu innych urządzeniach. Epub.js to bardzo potężna biblioteka JavaScript typu open source, która umożliwia programistom i aplikacjom łatwy dostęp do dokumentów EPUB i renderowanie ich w przeglądarce. EPUB to bardzo popularny format pliku eBook, który jest szeroko stosowany przez wydawców i konsumentów. Jest obsługiwany przez wiele e-czytników i aplikacji w całym Internecie i można go konwertować na wiele innych formatów (takich jak PDF, Mobi i iBooks).

Epub.js jest bardzo przydatny do obsługi eBooków, ponieważ zapewnia interfejs dla typowych funkcji eBooków, takich jak renderowanie, utrwalanie i paginacja itp. Istnieje kilka ważnych metod renderowania, takich jak domyślna metoda wyświetla tylko jedną sekcję na raz. Ciągłego menedżera można użyć do wyświetlenia tylu sekcji, ile potrzeba do wypełnienia ekranu, i wstępnego załadowania następnej sekcji poza ekranem. Sekcja zastępowania przepływu jest oparta na ustawieniach w OPF, domyślnie paginowana.

Biblioteka zawiera kilka ważnych funkcji do pracy z dokumentami EPUB, takich jak przeszukiwanie całego dokumentu EPUB, przeszukiwanie bieżącego rozdziału, przesuwanie w celu przewracania stron, generowanie i zapisywanie lokalizacji, przewracanie stron za pomocą klawiszy strzałek i wiele innych.

Previous Next

Pierwsze kroki z Epub.js

Epub.js jest dostępny na npm, Najpierw musisz zainstalować node.js, a następnie możesz zainstalować Epub.js na swoim komputerze. Użyj następującego polecenia, aby zapewnić płynną instalację.

Zainstaluj Epub.js przez npm

 npm install

Możesz także zainstalować go ręcznie; pobierz pliki najnowszej wersji bezpośrednio z repozytorium GitHub.

Renderuj dokumenty EPUB na różne sposoby za pomocą JavaScript

Biblioteka open source Epub.js umożliwia programistom renderowanie dokumentów EPUB na różne sposoby w ich własnych aplikacjach JavaScript. Biblioteka oferuje dwie różne metody renderowania, w tym domyślną i ciągłą. Domyślna metoda renderowania może służyć do wyświetlania pojedynczej sekcji na raz. Z drugiej strony tryb ciągły może być używany do wyświetlania wielu sekcji zgodnie z potrzebą wypełnienia ekranu i wstępnego załadowania następnej sekcji poza ekranem.

Renderuj dokumenty EPUB na różne sposoby za pośrednictwem biblioteki 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" });

Zastosuj hooki w dokumentach EPUB w aplikacjach JavaScript

Biblioteka Epub.js zawiera bardzo przydatną funkcję podobną do wtyczek do interakcji i manipulowania zawartością książki. Biblioteka implementuje wydarzenia, w które można się łatwo wciągnąć. Na przykład użytkownicy mogą bezpośrednio ładować filmy z linków YouTube przed wprowadzeniem adnotacji lub wyświetleniem treści rozdziału. Hooki potrzebowały wydarzenia, na które mogły się zarejestrować, i mogły zwrócić obietnicę zablokowania, dopóki nie zakończą.

Jak ładować filmy z linków YouTube za pośrednictwem 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
    });
})

Manipulowanie dokumentami EPUB za pomocą JavaScript

Open source Epub.js zapewnia pełną funkcjonalność do tworzenia nowych dokumentów EPUB i manipulowania nimi za pomocą zaledwie kilku linii kodu JavaScript. Plik z rozszerzeniem .epub to po prostu plik ZIP zawierający pakiet kodu HTML, obrazów i metadanych dotyczących Twojego eBooka. Biblioteka umożliwia określenie niestandardowego CSS i czcionek do stylizacji dokumentu. Zapewnia kilka ważnych funkcji do przeszukiwania całej książki lub wyszukiwania bieżącego rozdziału, przesuwania w celu przewracania stron, generowania i zapisywania lokalizacji i tak dalej.

Przesuń, aby przewracać strony w dokumentach EPUB za 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;
    });
});
 Polski