1. Товары
  2.   электронная книга
  3.   JavaScript
  4.   Epub.js
 
  

Бесплатная библиотека JavaScript для рендеринга документов EPUB

Библиотека JavaScript с открытым исходным кодом для доступа и рендеринга документов EPUB в браузере и на других устройствах.

Ищете простую в использовании библиотеку, которая может отображать документы EPUB в браузере, а также на многих других устройствах. Epub.js — очень мощная библиотека JavaScript с открытым исходным кодом, которая позволяет программистам и приложениям легко получать доступ к документам EPUB и отображать их в браузере. EPUB — это очень популярный формат файлов электронных книг, который широко используется издателями и потребителями. Он поддерживается многими электронными книгами и программными приложениями в мире Интернета и может быть преобразован во многие другие форматы (такие как PDF, Mobi и iBooks).

Epub.js очень полезен для работы с электронными книгами, поскольку он предоставляет интерфейс для общих функций электронных книг, таких как рендеринг, сохранение, нумерация страниц и т. д. Существует несколько важных методов рендеринга, таких как метод по умолчанию, отображающий только один раздел за раз. Непрерывный менеджер можно использовать для отображения столько разделов, сколько необходимо для заполнения экрана, и для предварительной загрузки следующего раздела вне экрана. Раздел переопределения потока основан на настройках в OPF, по умолчанию разбит на страницы.

Библиотека включает несколько важных функций для работы с документами EPUB, таких как поиск по всему документу EPUB, поиск в текущей главе, перелистывание страниц смахиванием, создание и сохранение местоположений, перелистывание страниц с помощью клавиш со стрелками и многое другое.

Previous Next

Начало работы с Epub.js

Epub.js доступен на npm. Сначала вам нужно установить node.js, а затем установить Epub.js на свой компьютер. Пожалуйста, используйте следующую команду для плавной установки.

Установите Epub.js через npm

 npm install

Вы также можете установить его вручную; загрузите файлы последней версии напрямую из репозитория GitHub.

Рендеринг документов EPUB различными способами с помощью JavaScript

Библиотека Epub.js с открытым исходным кодом позволяет программистам отображать документы EPUB различными способами в своих собственных приложениях JavaScript. Библиотека предлагает два разных метода рендеринга, включая стандартный и непрерывный. Метод рендеринга по умолчанию можно использовать для отображения одного раздела за раз. С другой стороны, непрерывный режим можно использовать для отображения нескольких разделов в соответствии с необходимостью заполнения экрана и предварительной загрузки следующего раздела вне экрана.

Рендеринг документов EPUB различными способами с помощью библиотеки 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" });

Применение хуков в документах EPUB в приложениях JavaScript

Библиотека Epub.js включает очень полезную функцию, похожую на плагины, для взаимодействия с содержимым книги и управления им. В библиотеке реализованы события, в которые вы можете легко попасть. Например, пользователи могут напрямую загружать видео по ссылкам YouTube, прежде чем добавлять аннотации или отображать содержимое главы. Хукам требовалось событие для регистрации, и a может возвращать обещание заблокировать их до тех пор, пока они не будут завершены.

Как загружать видео по ссылкам YouTube через 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
    });
})

Управление документами EPUB с помощью JavaScript

Epub.js с открытым исходным кодом предоставляет полную функциональность для создания новых документов EPUB и управления ими с помощью всего пары строк кода JavaScript. Файл с расширением .epub — это просто zip-файл, содержащий кучу HTML, изображений и метаданных о вашей электронной книге. Библиотека позволяет задавать пользовательские CSS и шрифты для оформления документа. Он предоставляет несколько важных функций для поиска во всей книге или в текущей главе, пролистывания для перелистывания страниц, создания и сохранения местоположений и так далее.

Проведите пальцем, чтобы перевернуть страницы в документах EPUB с помощью 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;
    });
});
 Русский