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, перш ніж додати анотацію чи відобразити вміст розділу. Хукам потрібна подія для реєстрації та може повернути обіцянку блокування, доки вони не завершаться.

Як завантажити відео з посилань на 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;
    });
});
 Українська