HOWTO: Convertir un PDF a Flash para incrustarlo en una web · 7 agosto 2009, 01:52

El otro día me pasé investigando varias horas tratando de conseguir un sistema capaz de poder incrustar archivos PDF en una web mediante un sistema de visión directa (algo parecido a Scribd).

Incrustar un PDF en una Web

Al final lo conseguí :D y aquí os explico Cómo podéis convertir un archivo pdf a swf (flash) para incrustarlo en una web:

En primer lugar tendremos que instalar las herramientas swftools vía apt-get.

# apt-get install swftools

La versión recomendada es la última en este momento, la 0.9.x o superior.

En Debian aún está la versión anterior, así que podéis descargar el paquete .deb de swftools actualizado de los repositorios de Ubuntu.

# dpkg -i swftools_0.9.*.deb

Ahora vamos a la carpeta donde tengamos el documento y convertimos el pdf a flash (swf):

# pdf2swf -o documento.swf documento.pdf

Con esto hemos conseguido convertir el documento a formato flash, pero si lo incrustáramos directamente en la web, no podríamos navegar entre las páginas, hacer zoom, y otras cosas que con un visor de pdf normal son habituales.

Para ello, debemos incrustar el pdf convertido a flash en un visor flash que añada estas funcionalidades.

La manera más sencilla es usar rfxview.swf :

# pdf2swf -B rfxview.swf -o documento.swf documento.pdf

Podéis descargar rfxview.swf desde aquí.

E incluso podéis descargar el código fuente de rfxview para editarlo a vuestro antojo y cambiar los colores, quitar y añadir botones, etc. y generar el swf:

# swfc rfxview.sc

Ahora sólo queda insertar el pdf convertido a flash en la web, para ello usaremos el siguiente código:

<object type="application/x-shockwave-flash" data="documento.swf" width="500" height="415" >

<param name="movie" value="documento.swf" />

<p> Aquí debemos colocar un contenido alternativo para aquellos que no disponen de flash, pej. un link al pdf original. </p>
</object>

Y quedaría tal que así:

Aquí debemos colocar un contenido alternativo para aquellos
que no disponen de flash, pej. un link al pdf original.


ACTUALIZACIÓN: Otra forma de incrustar un pdf usando los servicios de Google:

Existe un servicio de Google que nos permite incrustar el fichero PDF en la pagina para su visualización.

Sólo deberemos usar este código HTML:

<iframe src="http://docs.google.com/gview?url=http://PDF&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

Sustituyendo la variable “url=http://PDF” por la ruta hasta el correspondiente PDF que queremos cargar.

NOTA: Recordad que flash es una tecnología propietaria, no libre y muy poco accesible, así que siempre será mejor poner el PDF original. Sin embargo puede resultar interesante esta técnica en casos concretos.

Más información:

Archivos:

— jEsuSdA 8)

---

Comentarios

  1. Hola! Tus totoriales son muy buenos y divertidos. Me parece muy buena la idea de poner el nombre de los menúes en inglés; yo uso GIMP en inglés para mejorar el idioma y tu ayuda es valiosísima para mí. Saludos desde Ushuaia (Argentina).

    — Roby Sottini · 7 agosto 2009, 03:42 · #

  2. Excelente aporte! últimamente estoy trabajando mucho con flash y este tuto es de suma utilidad. Se Agradece. Saludos!

    — Willowman · 7 agosto 2009, 03:56 · #

  3. Se agradece poner un enlace al pdf también, por si no tienes flash o simplemente quieres descargarte el pdf para leerlo online.

    Odio los visores flash de pdf :)

    — grimborg · 7 agosto 2009, 10:12 · #

  4. Muy buen tutorial, aunque yo quitaría las almuadillas de los tres últimos comandos, ya que creo que sería mejor ejecutarlos como usuario y no como root, por si las moscas.

    Lo de poner un enlace a un PDF también es buena idea.

    — ZuperTruko · 7 agosto 2009, 18:42 · #

  5. Hola que tal, ya instale a la perfección swftools, pero tuve problemas a la hora de utilizar las fuentes del visor, me mandaba algunos errores.
    Estaría muy bien que se complementara con la manera de compilar con swfc, ya que con lo que se menciona considero que no es suficiente.
    De cualquier manera, ESTA GENIAL !!

    Gracias y saludos.

    — Juan Manuel · 22 agosto 2009, 00:40 · #

  6. @Juan Manuel,

    Prueba a descargar el visor ya compilado. ;)

    Salu2 de jEsuSdA 8)

    — jEsuSdA 8) · 23 agosto 2009, 20:09 · #

  7. Ey! muy buen aporte, es interesante eso de incrustar pdf enteros en la web, Gracias!

    — CMYK · 28 agosto 2009, 15:43 · #

  8. Muchas gracias, gracias a un parámetro que pusiste me quitaste horas de búsquedas.

    Saludos!

    — ChavirA · 30 septiembre 2009, 21:33 · #

  9. hola Jesus espero estes bien y un cordial saludo desde mexico…. Este aporte es de gran ayuda y muy bueno desde mi punto de vista….Conosco muy poco de diseños web y de codigos. Ya que la informatica no es mi area te agradeceria me explicases como se descarga el visor ya que di click en los enlaces y se muestra en mi navegador mas cuando me voy al menu archivo no me muestra alguna opcion para gurdarlo….De antemano y por su fina atencion gracias

    — Heiner · 27 diciembre 2009, 18:30 · #

  10. Excelente HOWTO, Jesús. Estoy muy agradecido, ya que llevo mucho rato buscando sobre este tema. Esta herramienta es de utilidad para publicar documentos sin brindar la posibilidad de descargarlos. Se diferencia de Scribd en que no hay que subir los archivos a ningún sitio externo; tanto el código de la aplicación como los archivos mismos se mantienen en el sitio local. Esto es importante en aplicaciones Web que corren en una Intranet.

    De nuevo, muchas gracias. Saludos desde Bogotá.

    — Giovanni Romero Pérez · 8 junio 2010, 17:54 · #

  11. Excelente post! me sirvio de maravilla. (probado en Debian Lenny 64bits.

    — hanzogt · 26 agosto 2010, 15:48 · #

  12. Hola, maravilloso post. Muchísimas gracias por tu aportación. Estaba buscando algo así desde hace tiempo y dar con tu información ha sido lo mejor que me ha podido ocurrir para mi proyecto. Es un recurso extraordiario por su su calidad y rapidez para obtener el resultado.

    — tere · 6 octubre 2012, 11:47 · #

  13. lo siento pero lo veo como un trabajo a medias por que aunque si esta muy interesante no se puede ni descargar el swf y si copiamos y pegamos el .sc falta rutas de archivos necesarios se apresiaria mucho que nos los dejaras descargar como es

    — irving · 19 septiembre 2013, 09:50 · #

  14. Hola Irvin,

    El problema estaría en que tienes que instalar previamente el paquete correspondiente con las swftools.

    Parece que es difícil de entontrar ahora. Tal vez en algún servidor o mirror que conserve versiones antiguas podrías encontrarlo.

    Una vez instalas las swftools, con el swf y el .sc que puedes descargar desde mi web, no tendrás problemas en preparar tu pdf. ;)

    Salu2 de jEsuSdA 8)

    — jEsuSdA 8) · 27 septiembre 2013, 17:46 · #

  15. Hola muchas gracias por la aportacion, esta buenisima, pero tengo una duda como se hace para que el archivo flash se vea como una revista con dos hojas abierta que vas pasando de una pagina a la otra se puede hacer esto? con esta heramienta?.

    Gracias.

    — Gerry Morales · 6 marzo 2014, 16:23 · #

  16. Hola Gerry,

    Imagino que se podría hacer creando un rfxview.sc propio y luego compilándolo.

    Pero como el proyecto está un poco abandonado, no sé dónde podrás encontrar información sobre cómo hacerlo. ;)

    Un saludo!
    jEsuSdA 8)

    — jEsuSdA 8) · 11 marzo 2014, 08:26 · #

  17. Hola , necesito algun visor en pdf para que no puedan ni copiar ni descargar el archivo pdf desde la web , solo puedan mirarlo ¿esto me ayudara?

    — Luis · 16 abril 2016, 02:56 · #

  18. >
    Hola, Luis.

    Sí, este visor realmente convierte el archivo PDF a FLASH, de forma que aunque se descarguen los archivos no tendrán acceso a un PDF propiamente dicho.

    Salu2 de jEsuSdA 8)

    — jEsuSdA 8) · 28 abril 2016, 11:50 · #

Ayuda Textile

|