1. Des produits
  2.   livre électronique
  3.   JavaScript
  4.   Epub.js
 
  

Bibliothèque JavaScript gratuite pour le rendu de documents EPUB

Bibliothèque JavaScript Open Source pour accéder aux documents EPUB et les afficher dans le navigateur et sur d'autres appareils.

Vous recherchez une bibliothèque simple à utiliser qui peut afficher des documents EPUB dans le navigateur ainsi que sur de nombreux autres appareils. Epub.js est une bibliothèque JavaScript open source très puissante qui permet aux programmeurs et aux applications d'accéder et de restituer facilement des documents EPUB dans le navigateur. EPUB est un format de fichier EBook très populaire qui est largement utilisé par les éditeurs et les consommateurs. Il est pris en charge par de nombreux lecteurs électroniques et applications logicielles à travers le monde Internet et est convertible en de nombreux autres formats (tels que PDF, Mobi et iBooks).

L'Epub.js est très utile pour gérer les livres électroniques car il fournit une interface pour les fonctionnalités courantes des livres électroniques telles que le rendu, la persistance et la pagination, etc. Il existe plusieurs méthodes de rendu importantes, telles que la méthode par défaut qui n'affiche qu'une seule section à la fois. Le gestionnaire continu peut être utilisé pour afficher autant de sections que nécessaire pour remplir l'écran et précharger la section suivante hors écran. La section de remplacement de flux est basée sur les paramètres de l'OPF, par défaut paginée.

La bibliothèque a inclus plusieurs fonctionnalités importantes pour travailler avec des documents EPUB, telles que la recherche dans l'ensemble du document EPUB, la recherche du chapitre en cours, le balayage pour tourner les pages, la génération et l'enregistrement d'emplacements, la rotation des pages avec les touches fléchées et bien d'autres.

Previous Next

Premiers pas avec Epub.js

Epub.js est disponible sur npm. Vous devez d'abord installer node.js, puis installer Epub.js sur votre machine. Veuillez utiliser la commande suivante pour une installation fluide.

Installer Epub.js via npm

 npm install

Vous pouvez également l'installer manuellement ; téléchargez les derniers fichiers de version directement depuis le référentiel GitHub.

Rendu des documents EPUB de différentes manières via JavaScript

La bibliothèque open source Epub.js permet aux programmeurs de logiciels de restituer des documents EPUB de différentes manières dans leurs propres applications JavaScript. La bibliothèque propose deux méthodes de rendu différentes, notamment par défaut et continue. La méthode de rendu par défaut peut être utilisée pour afficher une seule section à la fois. D'autre part, le mode continu peut être utilisé pour afficher plusieurs sections selon la nécessité de remplir l'écran et de précharger la section suivante hors écran.

Rendre des documents EPUB de différentes manières via la bibliothèque 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" });

Appliquer des crochets dans les documents EPUB dans les applications JavaScript

La bibliothèque Epub.js a inclus une fonctionnalité très utile similaire aux plugins pour interagir avec et manipuler le contenu du livre. La bibliothèque implémente des événements auxquels vous pouvez être facilement accroché. Par exemple, les utilisateurs peuvent charger directement des vidéos à partir de liens YouTube avant de mettre en œuvre une annotation ou d'afficher le contenu d'un chapitre. Les crochets avaient besoin d'un événement pour s'inscrire et peuvent renvoyer une promesse de bloquer jusqu'à ce qu'ils aient terminé.

Comment charger des vidéos à partir de liens YouTube via l'API Java

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

Manipulation de documents EPUB via JavaScript

L'Epub.js open source a fourni des fonctionnalités complètes pour créer de nouveaux documents EPUB et les manipuler avec seulement quelques lignes de code JavaScript. Un fichier avec l'extension .epub est juste un fichier zip contenant un tas de HTML, d'images et de métadonnées sur votre eBook. La bibliothèque permet de spécifier des CSS et des polices personnalisées pour styliser le document. Il fournit plusieurs fonctions importantes pour rechercher le livre entier ou rechercher un chapitre en cours, glisser pour tourner les pages, générer et enregistrer des emplacements, etc.

Glisser pour tourner les pages dans les documents EPUB à l'aide de l'API Java

 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;
    });
});
 Français