Intégrer une présentation PowerPoint dans HTML

https://stackoverflow.com/questions/39855

09-06-2019
|

Question

Est-il possible d'intégrer une présentation PowerPoint (.ppt) dans une page Web (.xhtml) ?

Celui-ci sera utilisé sur un intranet local où il existe un mélange d'Internet Explorer 6 et d'Internet Explorer 7 uniquement, vous n'avez donc pas besoin de prendre en compte d'autres navigateurs.

J'ai abandonné...Je suppose que Flash est la voie à suivre.

La solution

Google Docs peut diffuser des documents PowerPoint (et PDF) dans sa visionneuse de documents.Vous n'êtes pas obligé de vous inscrire à Google Docs, téléchargez-le simplement sur votre site Web et appelez-le depuis votre page :

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

Autres conseils

J'en avais tellement marre d'essayer toutes les différentes options d'hébergement Web d'une prise PowerPoint qui étaient instables ou nécessitaient du flash, alors j'ai lancé la mienne.

Ma solution utilise une fonction javascript très simple pour simplement faire défiler/remplacer une balise d'image par des GIF que j'ai enregistrés à partir de la présentation Power Point elle-même.

Dans la présentation PowerPoint, cliquez sur Enregistrer sous et sélectionnez GIF.Choisissez la qualité avec laquelle vous souhaitez afficher la présentation.Power Point enregistrera une image GIF pour chaque diapositive et les nommera Slide1.GIF, Slide2.GIF, etc.....
Créez une page HTML et ajoutez une balise d'image pour afficher les images GIF Power Point.
```
<img src="Slide1.GIF" id="mainImage" name="mainImage" width="100%" height="100%" alt="">
```

Ajoutez des objets cliquables premier, précédent, suivant et dernier avec l'action onClick comme ci-dessous :

<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>

Enfin, ajoutez la fonction javascript ci-dessous qui, lorsqu'elle est appelée, récupère l'image Slide.GIF suivante et l'affiche dans la balise 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>

Assurez-vous que les GIF sont accessibles depuis la page HTML.Par défaut, ils sont censés se trouver dans le même répertoire, mais vous devriez pouvoir voir la logique et comment les définir dans un répertoire d'images si nécessaire.

J'ai du matériel de formation pour mon entreprise qui utilise cette technique à http://www.vanguarddata.com.au donc avant de passer du temps à l'essayer, vous êtes invités à le regarder en action.

J'espère que cela aidera quelqu'un d'autre qui a autant de maux de tête que moi avec cela.....

Je recommande les documents officiels de View Office en ligne

lien

pour l'intégration, vous pouvez simplement utiliser

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

DocStoc.com et Scribd.com les deux fonctionnent bien avec Internet Explorer 6 et Internet Explorer 7.Ils afficheront une variété de types de documents, y compris des fichiers PowerPoint (.ppt).J'utilise ces services pour mon intranet ici au travail.Bien sûr, n'oubliez pas de marquer vos documents comme « privés » après les avoir téléchargés.

d'ailleurs, si vous enregistrez ppt sous .pps formater à l'aide de Microsoft PowerPoint, vous pouvez utiliser le code suivant :

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

Une autre façon courante de procéder consiste à convertir ppt/doc en pdf,

puis utilisez swftool(http://www.swftools.org) pour le convertir en swf

enfin, prenez FlexPaper(http://flexpaper.devaldi.com) en tant que visionneuse de documents.

Je ne connais pas de moyen d'intégrer des diapositives PowerPoint directement dans HTML.Cependant, il existe un certain nombre de solutions en ligne pour convertir un fichier PPT en un SWF, qui peut être intégré au HTML comme n'importe quelle autre animation Flash.

Rechercher sur Google « ppt en swf » semble donner beaucoup de succès.Certains sont gratuits, d’autres non.Certains gèrent des choses comme des animations, d'autres ne font que des images fixes.Il doit y en avoir un qui fasse ce dont vous avez besoin.:)

Vous pouvez utiliser Microsoft Applications Web Office pour intégrer des fichiers PowerPoint et Excel.Voir Dites-en davantage sur votre blog grâce aux fichiers PowerPoint et Excel intégrés.

J'ai fini par faire une capture d'écran de chaque diapositive, et en utilisant deux onglets différents pour naviguer, cela a été placé dans un fichier .cela donne une haute résolution, mais vous sacrifiez les animations et l'interactivité, la seule chose que l'utilisateur peut faire est de lire et de modifier la diapositive.voici un exemple sur mon site Web : http://deepschool.jaberwokkee.kodingen.com/~/Miss%20Necchi%27s%20powerpoints/Volume%20of%20prisms%20powerpoint/slide1.htm

Google Docs vous permet de télécharger un document PowerPoint, vous pouvez ensuite le « Partager » avec tout le monde, puis vous pouvez le « Publier » et cela fournira du code pour l'intégrer dans votre site ou vous pouvez utiliser un lien direct qui s'exécute en taille réelle. de la fenêtre du navigateur.La conversion est plutôt bonne et évolue bien car le texte est conservé plutôt que converti en image.La conversion est plutôt bonne et le tout est gratuit.Ça vaut vraiment le détour.

J'ai essayé toutes les options de cette pile et je n'ai pas pu atteindre quelque chose qui s'est chargé rapidement, j'ai utilisé PPT.fichier directement et mis à l’échelle facilement.J'ai enregistré mon ppt.en .gif et j'ai opté pour "Infinite Carousel" (javascript) dans lequel je peux facilement déposer des images.A des commandes gauche à droite, une option de lecture, tous les mêmes éléments que vous trouvez en ppt.mode présentateur...

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

La « vraie réponse » est que vous ne pouvez pas le faire directement.Vous devez convertir votre présentation PowerPoint en quelque chose que le navigateur peut traiter.Vous pouvez enregistrer chaque page de la présentation PowerPoint sous forme d'image JPEG, puis l'afficher sous forme d'une série d'images.Vous pouvez enregistrer la présentation PowerPoint au format HTML.Ces deux solutions n'afficheront que des pages statiques, sans aucune des animations de PowerPoint.Vous pouvez utiliser un outil pour convertir votre présentation PowerPoint en Flash (.swf) et l'intégrer de cette façon.Cela préservera toutes les animations et vous permettra probablement de créer un diaporama automatique sans avoir besoin d'écrire un code spécial pour modifier les images.

Les premiers résultats sur Google semblent tous être de bonnes options :

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

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

Un outil Flash capable de convertir le fichier PowerPoint en Flash pourrait être utile.Le partage de diapositives est également utile.Pour moi, je prendrai quelque chose comme PPT2Flash Pro ou des choses comme ça.

Eh bien, je pense que vous devez d'abord convertir le PowerPoint en Flash.PowerPoint n'est pas un format partageable sur Internet.Un outil comme PowerPoint vers Flash pourrait vous être utile.

Essayer PowerPoint ActiveX 2.4.Il s'agit d'un composant ActiveX qui intègre PowerPoint dans un OCX.

Puisque vous utilisez uniquement Internet Explorer 6 et Internet Explorer 7, vous pouvez intégrer ce composant dans le code HTML.

En remarque :Si les utilisateurs de votre intranet ont également accès à Internet, vous pouvez utiliser le Partager le SlideShare widget pour intégrer vos présentations PowerPoint dans votre site Web.

(N'oubliez pas de marquer votre présentation comme privée !)

J'ai passé un moment à étudier cela et presque tous les logiciels gratuits et partagiciels disponibles sur le Web étaient nuls.Cela comprenait un logiciel pour convertir directement le fichier .ppt en Flash ou une sorte de format vidéo, ainsi qu'un logiciel pour enregistrer l'écran de votre bureau.Le logiciel était maladroit et la qualité était médiocre.

La solution que nous avons finalement trouvée est un peu manuelle, mais elle a donné de loin les meilleurs résultats de qualité :

Exportez le fichier .ppt dans une sorte de format d'image (.bmp, .jpeg, .png, .tif) - il écrit un fichier par diapositive
Importez tous les fichiers d’images de diapositives dans Google Picasa et utilisez-les pour créer une vidéo.Vous pouvez ajouter quelques transitions simples et agréables (il n'a pas certains des horribles .ppt, mais peu importe) et il affiche un WMV fichier de la résolution spécifiée.

L'enregistrement au format .wmv n'est pas parfait, mais je suis sûr qu'il est probablement assez simple de le convertir dans un autre format ou Flash.Nous cherchions à les diffuser sur YouTube et cela a fait l'affaire.

Un moyen simple (et gratuit) consiste à télécharger Bureau ouvert et utilise Impressionner pour ouvrir la présentation PowerPoint.Exportez ensuite dans un dossier séparé au format HTML.Votre présentation sera composée de fichiers HTML et d'images distincts pour chaque diapositive PowerPoint.Créez un lien vers la page de titre et vous avez terminé.

Je cherchais une solution pour un problème similaire.

j'ai regardé dans http://phppowerpoint.codeplex.com/

Mais ils n'ont pas de meilleure documentation, et même pas de page de démonstration que j'ai pu voir là-bas et c'était apparemment difficile.

Ce que j'ai trouvé c'est :SkyDrive par Microsoft. https://skydrive.live.com

Tout ce dont vous avez besoin est d'avoir un compte chez eux, de télécharger votre PPT et de l'intégrer immédiatement.Le lecteur PPT est assez simple à utiliser et je l'aime bien.

J'ai remarqué que des personnes recommandaient certaines solutions PPT vers Flash, mais Flash ne fonctionne pas sur les appareils mobiles.Il existe un service d'hébergement appelé iSpring Nuage qui convertit automatiquement votre PPT au format combiné Flash+HTML5 et vous permet de générer un code d'intégration pour votre site Web ou votre blog.Des instructions complètes peuvent être trouvées sur leur site web.

Power Point prend en charge la conversion en mp4 qui peut être publié à l'aide d'une balise vidéo html5.

Enregistrer sous > Vidéo MPEG-4 (*.mp4)

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

Une autre option consiste à utiliser Apple Keynote sur un Mac (Libre Office n'a pas pu ouvrir un pptx que j'avais) pour enregistrer la présentation au format HTML5.Il fait un très bon travail pour produire exactement ce qu'il affiche dans la keynote, par ex.il comprend des animations et des vidéos.La compatibilité de Keynote avec PowerPoint a cependant ses limites (indépendantes de l'export).

Licencié sous: CC-BY-SA avec attribution

Non affilié à StackOverflow