Incrustar una presentación de PowerPoint en HTML

https://stackoverflow.com/questions/39855

09-06-2019
|

Pregunta

¿Es posible incrustar una presentación de PowerPoint (.ppt) en una página web (.xhtml)?

Esto se utilizará en una intranet local donde solo hay una combinación de Internet Explorer 6 e Internet Explorer 7, por lo que no es necesario considerar otros navegadores.

Me he rendido...Supongo que Flash es el camino a seguir.

Solución

Google Docs puede mostrar documentos de PowerPoint (y PDF) en su visor de documentos.No es necesario que se registre en Google Docs, simplemente cárguelo en su sitio web y llámelo desde su página:

<iframe src="//docs.google.com/gview?url=https://www.yourwebsite.com/powerpoint.ppt&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

Otros consejos

Me cansé tanto de probar todas las diferentes opciones para alojar web en un power point que eran inestables o requerían flash, así que elaboré la mía propia.

Mi solución utiliza una función de JavaScript muy simple para simplemente desplazarse/reemplazar una etiqueta de imagen con GIF que guardé desde la presentación de Power Point.

En la presentación de PowerPoint, haga clic en Guardar como y seleccione GIF.Elija la calidad en la que desea mostrar la presentación.Power Point guardará una imagen GIF para cada diapositiva y las llamará Slide1.GIF, Slide2.GIF, etc...
Cree una página HTML y agregue una etiqueta de imagen para mostrar las imágenes GIF de Power Point.
```
<img src="Slide1.GIF" id="mainImage" name="mainImage" width="100%" height="100%" alt="">
```

Agregue algunos objetos en los que se puede hacer clic primero, anterior, siguiente y último con la acción onClick como se muestra a continuación:

<a href="#" onclick="swapImage(0);"><img src="/images/first.png" border=0 alt="First"></a>
<a href="#" onclick="swapImage(currentIndex-1);"><img src="/images/left.png" border=0 alt="Back"></a>
<a href="#" onclick="swapImage(currentIndex+1);"><img src="/images/right.png" border=0 alt="Next"></a>
<a href="#" onclick="swapImage(maxIndex);"><img src="/images/last.png" border=0 alt="Last"></a>

Finalmente, agregue la siguiente función de JavaScript que, cuando se llama, toma la siguiente imagen Slide.GIF y la muestra en la etiqueta img.

<script type="text/javascript">
    //Initilize start value to 1 'For Slide1.GIF'
    var currentIndex = 1;

    //NOTE: Set this value to the number of slides you have in the presentation.
    var maxIndex=12;

    function swapImage(imageIndex){
        //Check if we are at the last image already, return if we are.
        if(imageIndex>maxIndex){
            currentIndex=maxIndex;
            return;
        }

        //Check if we are at the first image already, return if we are.
        if(imageIndex<1){
            currentIndex=1;
            return;
        }

        currentIndex=imageIndex;
        //Otherwise update mainImage
        document.getElementById("mainImage").src='Slide' +  currentIndex  + '.GIF';
        return;
    }
</script>

Asegúrese de que se pueda acceder a los GIF desde la página HTML.De forma predeterminada, se espera que estén en el mismo directorio, pero debería poder ver la lógica y cómo configurar un directorio de imágenes si es necesario.

Tengo material de capacitación para mi empresa que utiliza esta técnica en http://www.vanguarddata.com.au Así que antes de dedicar tiempo a probarlo, puedes verlo en acción.

Espero que esto ayude a alguien más que esté teniendo tantos dolores de cabeza con esto como yo...

Recomiendo los documentos oficiales de View Office en línea

enlace

para incrustar simplemente puedes usar

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src={urlencode(site-to-ppt)}' width='962px' height='565px' frameborder='0'></iframe>

DocStoc.com y Scribd.com Ambos funcionan bien con Internet Explorer 6 e Internet Explorer 7.Mostrarán una variedad de tipos de documentos, incluidos archivos de PowerPoint (.ppt).Utilizo estos servicios para mi intranet aquí en el trabajo.Por supuesto, recuerde marcar sus documentos como "privados" después de cargarlos.

además, si guardas ppt como .pps formatear usando microsoft powerpoint, puede usar el siguiente código:

<iframe src="file.pps" width="800px" heigt="600px"></iframe>

Otra forma común de hacerlo es convertir ppt/doc a pdf,

luego use swftool (http://www.swftools.org) para convertirlo a swf

finalmente, tome FlexPaper(http://flexpaper.devaldi.com) como visor de documentos.

No conozco una manera de incrustar diapositivas de PowerPoint directamente en HTML.Sin embargo, existen varias soluciones en línea para convertir un archivo PPT en un fondos soberanos, que se puede incrustar en HTML como cualquier otra película Flash.

Buscando en Google 'ppt a swf' Parece dar muchos golpes.Algunos son gratuitos, otros no.Algunos manejan cosas como animaciones, otros simplemente hacen imágenes fijas.Tiene que haber uno que haga lo que necesitas.:)

Puedes usar Microsoft Aplicaciones web de oficina para incrustar archivos de PowerPoint y Excel.Ver Diga más en su blog con archivos de PowerPoint y Excel integrados.

Terminé tomando una captura de pantalla de cada diapositiva y usando dos pestañas diferentes para navegar, esto se colocó en un archivo .esto proporciona alta resolución, pero sacrificas animaciones e interactividad, lo único que el usuario puede hacer es leer y cambiar de diapositiva.Aquí hay un ejemplo de mi sitio web: http://deepschool.jaberwokkee.kodingen.com/~/Miss%20Necchi%27s%20powerpoints/Volume%20of%20prisms%20powerpoint/slide1.htm

Google Docs le permite cargar un documento de PowerPoint, luego puede "Compartirlo" con todos y luego puede "Publicarlo" y esto le proporcionará el código para incrustarlo en su sitio o puede usar un enlace directo que se ejecuta en tamaño completo. de la ventana del navegador.La conversión es bastante buena y se escala bien porque el texto se retiene en lugar de convertirse en una imagen.La conversión es bastante buena y todo es gratis.Definitivamente vale la pena intentarlo.

Probé todas las opciones en esta pila y no pude encontrar algo que se cargara rápidamente, usé PPT.archivar directamente y escalar fácilmente.Guardé mi ppt.como .gif y opté por "Infinite Carousel" (javascript) en el que puedo colocar imágenes fácilmente.Tiene controles izquierdo y derecho, opción de reproducción, todo lo mismo que encuentras en ppt.modo presentador...

http://www.catchmyfame.com/2009/12/30/huge-updates-to-jquery-infinite-carousel-version-2-released/

La "respuesta real" es que no puedes hacerlo directamente.Tienes que convertir tu presentación de PowerPoint en algo que el navegador pueda procesar.Puede guardar cada página de la presentación de PowerPoint como una imagen JPEG y luego mostrarla como una serie de imágenes.Puede guardar la presentación de PowerPoint como HTML.Ambas soluciones representarán sólo páginas estáticas, sin ninguna de las animaciones de PowerPoint.Puede utilizar una herramienta para convertir su presentación de PowerPoint a Flash (.swf) e incrustarla de esa manera.Esto preservará las animaciones y presumiblemente le permitirá hacer una presentación de diapositivas automática sin la necesidad de escribir un código especial para cambiar las imágenes.

Todos los primeros resultados en Google parecen buenas opciones:

http://www.pptfaq.com/FAQ00708.htm

http://www.webdeveloper.com/forum/showthread.php?t=86212

Alguna herramienta Flash que pueda convertir el archivo de PowerPoint a Flash podría resultar útil.Compartir diapositivas también es útil.Para mí, elegiré algo como PPT2Flash Pro o cosas así.

Bueno, creo que primero debes convertir el PowerPoint a flash.PowerPoint no es un formato que se pueda compartir en Internet.alguna herramienta como PowerPoint a Flash podría serle útil.

Intentar Power Point ActiveX 2.4.Este es un componente ActiveX que integra PowerPoint en un OCX.

Dado que solo utiliza Internet Explorer 6 e Internet Explorer 7, puede incrustar este componente en el HTML.

Como nota al margen:Si los usuarios de su intranet también tienen acceso a Internet, puede utilizar el Compartir diapositivas Widget para incrustar sus presentaciones de PowerPoint en su sitio web.

(¡Recuerde marcar su presentación como privada!)

Pasé un tiempo investigando esto y casi todo el software gratuito y shareware en la web apestaba.Esto incluía software para convertir directamente el archivo .ppt a Flash o algún tipo de formato de video y también software para grabar la pantalla de su escritorio.El software era torpe y la calidad era mala.

La solución que finalmente se nos ocurrió es un poco manual, pero dio, con diferencia, los mejores resultados de calidad:

Exporte el archivo .ppt a algún tipo de formato de imagen (.bmp, .jpeg, .png, .tif): escribe un archivo por diapositiva.
Importe todos los archivos de imágenes de diapositivas a GooglePicasa y úsalos para crear un vídeo.Puedes agregar algunas transiciones simples y agradables (no tiene algunas de las horribles .ppt, pero a quién le importa) y arroja un WMV archivo de la resolución especificada.

Guardar como .wmv no es perfecto, pero estoy seguro de que probablemente sea bastante sencillo convertirlo a algún otro formato o Flash.Estábamos buscando subirlos a YouTube y esto funcionó.

Una forma fácil (y gratuita) es descargar Oficina abierta y use Impresionar para abrir la presentación de PowerPoint.Luego exporte a una carpeta separada como HTML.Su presentación constará de archivos HTML e imágenes separados para cada diapositiva de PowerPoint.Enlace a la página de título y listo.

Estaba buscando una solución para un problema similar.

miré dentro http://phppowerpoint.codeplex.com/

Pero no tienen mejor documentación, e incluso no pude ver ninguna página de demostración allí y fue aparentemente difícil.

Lo que se me ocurrió es:SkyDrive de Microsoft. https://skydrive.live.com

Todo lo que necesita es una cuenta con ellos, cargar su PPT e incrustarlos de inmediato.El reproductor PPT es bastante sencillo de usar y me gusta.

He notado que hay personas que recomiendan algunas soluciones de PPT a Flash, pero Flash no funciona en dispositivos móviles.Hay un servicio de hosting llamado Nube iSpring que convierte automáticamente su PPT al formato combinado Flash+HTML5 y le permite generar un código de inserción para su sitio web o blog.Las instrucciones completas se pueden encontrar en su sitio web.

PowerPoint admite la conversión a mp4, que se puede publicar usando una etiqueta de video html5.

Guardar como > Vídeo MPEG-4 (*.mp4)

<video controls autoplay reload="none" style="width:1000px;">
<source src="my_power_point.mp4" type="video/mp4" />
</video>

Otra opción es usar Apple Keynote en una Mac (Libre Office no pudo abrir un pptx que tenía) para guardar la presentación en HTML5.Hace un trabajo bastante bueno al producir exactamente lo que muestra en la nota clave, p.Incluye animaciones y vídeo.Sin embargo, la compatibilidad de Keynote con PowerPoint tiene sus límites (independientemente de la exportación).

Licenciado bajo: CC-BY-SA con atribución

No afiliado a StackOverflow