1. Productos
  2.   libro electronico
  3.   JavaScript
  4.   Epub.js
 
  

Biblioteca de JavaScript gratuita para la representación de documentos EPUB

Biblioteca JavaScript de código abierto para acceder y representar documentos EPUB en el navegador y en otros dispositivos.

Buscando una biblioteca fácil de usar que pueda representar documentos EPUB dentro del navegador, así como en muchos otros dispositivos. Epub.js es una biblioteca JavaScript de código abierto muy poderosa que permite a los programadores y aplicaciones acceder y representar documentos EPUB en el navegador con facilidad. EPUB es un formato de archivo de libro electrónico muy popular que es ampliamente utilizado por editores y consumidores. Es compatible con muchos lectores electrónicos y aplicaciones de software en todo el mundo de Internet y se puede convertir a muchos otros formatos (como PDF, Mobi e iBooks).

Epub.js es muy útil para manejar libros electrónicos, ya que proporciona una interfaz para funcionalidades comunes de libros electrónicos como representación, persistencia y paginación, etc. Hay varios métodos de representación importantes, como el método predeterminado que solo muestra una sección a la vez. El administrador continuo se puede usar para mostrar tantas secciones como sea necesario para llenar la pantalla y precargar la siguiente sección fuera de la pantalla. La sección de anulación de flujo se basa en la configuración del OPF; el valor predeterminado es paginado.

La biblioteca ha incluido varias funciones importantes para trabajar con documentos EPUB, como buscar dentro de todo el documento EPUB, buscar en el capítulo actual, deslizar para pasar páginas, generar y guardar ubicaciones, pasar páginas con teclas de flecha y muchas más.

Previous Next

Primeros pasos con Epub.js

Epub.js está disponible en npm. Primero debe instalar node.js y luego puede instalar Epub.js en su máquina. Utilice el siguiente comando para una instalación sin problemas.

Instale Epub.js a través de npm

 npm install

También puede instalarlo manualmente; descargue los archivos de la versión más reciente directamente desde el repositorio GitHub.

Renderizar documentos EPUB de varias maneras a través de JavaScript

La biblioteca de código abierto Epub.js permite a los programadores de software generar documentos EPUB de varias maneras dentro de sus propias aplicaciones de JavaScript. La biblioteca ofrece dos métodos de renderizado diferentes, incluidos el predeterminado y el continuo. El método de representación predeterminado se puede utilizar para mostrar una sola sección a la vez. Por otro lado, el modo continuo se puede usar para mostrar múltiples secciones según la necesidad de llenar la pantalla y precargar la siguiente sección fuera de la pantalla.

Renderizar documentos EPUB de varias maneras a través de la biblioteca 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" });

Aplicar ganchos en documentos EPUB en aplicaciones de JavaScript

La biblioteca Epub.js ha incluido una característica muy útil similar a los complementos para interactuar y manipular los contenidos del libro. La biblioteca implementa eventos en los que puede engancharse fácilmente. Por ejemplo, los usuarios pueden cargar videos directamente desde los enlaces de YouTube antes de implementar la anotación o mostrar el contenido de un capítulo. Los ganchos necesitaban un evento para registrarse y pueden devolver una promesa de bloqueo hasta que terminen.

Cómo cargar videos desde enlaces de YouTube a través de la API de 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
    });
})

Manipulación de documentos EPUB a través de JavaScript

El Epub.js de código abierto ha proporcionado una funcionalidad completa para crear nuevos documentos EPUB y manipularlos con solo un par de líneas de código JavaScript. Un archivo con extensión .epub es simplemente un archivo zip que contiene un montón de HTML, imágenes y metadatos sobre su libro electrónico. La biblioteca permite especificar fuentes y CSS personalizados para diseñar el documento. Proporciona varias funciones importantes para buscar en todo el libro o buscar en un capítulo actual, deslizar para pasar las páginas, generar y guardar ubicaciones, etc.

Pase para pasar páginas en documentos EPUB usando la API de 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;
    });
});
 Español