PDF.js es un visor PDF basado en HTML5 desarrollado por Mozilla, la demo no impresiona especialmente, abre un lector PDF en el navegador Web. En las últimas versiones del navegador Firefox viene incluido de forma nativa, tal vez ya lo hayamos usado o nos resulte familiar. Para otros navegadores como Chrome se puede instalar como extensión.
Instalación
git clone https://github.com/mozilla/pdf.js.git
cd pdf.js
npm install -g gulp-cli
npm install
gulp server
El último comando ejecuta el servidor accesible en http://localhost:8888/web/viewer.html.
Si queremos visualizar alguno de los PDFs de prueba en un panel lateral http://localhost:8888/test/pdfs/?frame
Usar PDF.js en una aplicación Web
Los más interesante llega ahora, PDF.js está desarrollado con JS y además su código fuente está disponible bajo una licencia que permite su uso en una aplicación Web propia.
La forma más fácil de usarlo en nuestra aplicación es hacer referencia a la API PDF.js usando un CDN (Content Delivery Network o Red de Distribución de Contenido):
- https://www.jsdelivr.com/package/npm/pdfjs-dist.
- https://cdnjs.com/libraries/pdf.js.
- https://unpkg.com/pdfjs-dist/.
Ejemplos
En este enlace se puede ver un ejemplo básico https://codesandbox.io/s/pmy914l2kq obtenido del siguiente post - “Implement a Simple PDF Viewer with PDF.js”.
Lo he reproducido en este blog en:
- blog / content / post / 2019-09-15-pdfjs-lector-mozilla / src / helloworld.
El proyecto está formado un fichero HTML y otro JS.
Enlaces externos
- mozilla.github.io “PDF.js - Mozilla on GitHub”: Sitio principal del proyecto.
- mozilla/pdf.js: Proyecto en GitHub.
- “https://mozilla.github.io/pdf.js/web/viewer.html”: Demo en línea.
- “Implement a Simple PDF Viewer with PDF.js”.
- “Rendering PDF Files in the Browser with PDF.js”.