Вставить презентацию PowerPoint в HTML - PullRequest
56 голосов
/ 02 сентября 2008

Можно ли вставить презентацию PowerPoint (.ppt) на веб-страницу (.xhtml)?

Это будет использоваться в локальной интрасети, где есть только Internet Explorer 6 и Internet Explorer 7, поэтому нет необходимости рассматривать другие браузеры.


Я сдался ... Я думаю, Flash - это путь вперед.

Ответы [ 22 ]

80 голосов
/ 08 ноября 2009

Документы Google могут обслуживать документы PowerPoint (и PDF) в средстве просмотра документов. Вам не нужно регистрироваться в Документах Google, просто загрузите его на свой веб-сайт и позвоните со своей страницы:

<iframe src="//docs.google.com/gview?url=https://www.yourwebsite.com/powerpoint.ppt&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>
9 голосов
/ 03 июля 2012

Мне так надоело пробовать все различные варианты для хостинга точки питания, которая была нестабильной или требовала вспышки, поэтому я покатил свою собственную.

Мое решение использует очень простую функцию javascript для простой прокрутки / замены тега изображения на GIF-файлы, которые я сохранил в самой презентации Power Point.

  1. В презентации Power Point нажмите Сохранить как и выберите GIF. Выберите качество, на котором вы хотите отобразить презентацию. Power Point сохранит одно изображение GIF для каждого слайда и назовет их Slide1.GIF, Slide2.GIF и т. Д. .....

  2. Создание страницы HTML и добавление тега изображения для отображения изображений Power Point GIF.

    <img src="Slide1.GIF" id="mainImage" name="mainImage" width="100%" height="100%" alt="">
    
  3. Добавьте несколько первых, предыдущих, следующих и последних интерактивных объектов с помощью действия onClick, как показано ниже:

    <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>
    
  4. Наконец, добавьте нижеприведенную функцию javascript, которая при вызове захватывает следующее изображение Slide.GIF и отображает его в теге 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>
    

Убедитесь, что GIF-файлы доступны со страницы HTMl. Предполагается, что по умолчанию они находятся в одном каталоге, но вы должны увидеть логику и то, как при необходимости установить каталог изображений

У меня есть учебные материалы для моей компании, которая использует эту технику, по номеру http://www.vanguarddata.com.au, поэтому, прежде чем вы потратите какое-то время на его тестирование, вы можете посмотреть в действии.

Надеюсь, это поможет кому-то еще, у кого от этого столько же головных болей, сколько и у меня .....

7 голосов
/ 13 июля 2016

Рекомендую официальные документы View Office онлайн

ссылка

для встраивания вы можете просто использовать

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src={urlencode(site-to-ppt)}' width='962px' height='565px' frameborder='0'></iframe>
5 голосов
/ 06 октября 2010

DocStoc.com и Scribd.com оба хорошо работают с Internet Explorer 6 и Internet Explorer 7. Они будут отображать различные типы документов, включая файлы PowerPoint (.ppt ). Я использую эти сервисы для своей внутренней сети здесь, на работе. Конечно, не забудьте пометить свои документы как «личные» после их загрузки.

4 голосов
/ 15 марта 2013

кроме того, если вы сохранили ppt в формате .pps с помощью Microsoft PowerPoint, вы можете использовать следующий код:

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

Другой распространенный способ сделать это - конвертировать ppt / doc в pdf,

затем используйте swftool (http://www.swftools.org), чтобы преобразовать его в swf

наконец, возьмите FlexPaper (http://flexpaper.devaldi.com) в качестве средства просмотра документов.

3 голосов
/ 22 ноября 2012

В итоге я сделал снимок экрана для каждого слайда и использовал две разные вкладки для навигации. это дает высокое разрешение, но вы жертвуете анимацией и интерактивностью, единственное, что может сделать пользователь, это прочитать и изменить слайд. Вот пример с моего сайта: http://deepschool.jaberwokkee.kodingen.com/~/Miss%20Necchi%27s%20powerpoints/Volume%20of%20prisms%20powerpoint/slide1.htm

3 голосов
/ 02 сентября 2008

Я не знаю, как встроить слайды PowerPoint непосредственно в HTML. Однако в Интернете существует ряд решений для преобразования файла PPT в SWF , который может быть встроен в HTML, как и любой другой Flash-фильм.

Поиск в Google для 'ppt to swf' , кажется, дает много хитов. Некоторые бесплатны, другие нет. Некоторые обрабатывают такие вещи, как анимация, другие просто делают неподвижные изображения. Там должен быть один, который делает то, что вам нужно. :)

3 голосов
/ 06 октября 2010

Вы можете использовать Microsoft Office Web Apps для встраивания файлов PowerPoint и Excel. См. Подробнее в своем блоге со встроенными файлами PowerPoint и Excel .

2 голосов
/ 08 февраля 2011

Google Docs позволяет загружать документ PowerPoint, затем вы можете «поделиться» им со всеми, затем вы можете «опубликовать» его, и это предоставит код для встраивания его в ваш сайт, или вы можете использовать прямую ссылку, которая работает на полный размер окна браузера. Преобразование довольно хорошее и хорошо масштабируется, потому что текст сохраняется, а не конвертируется в изображение. Преобразование довольно хорошее, и все это бесплатно. Определенно стоит пойти.

2 голосов
/ 10 сентября 2012

Перепробовал все опции в этом стеке и не смог добраться до чего-то, что загружалось быстро, использовал PPT. файл, и легко масштабируется. Сохранены мои PPT. в качестве .gif и выбрал «Бесконечную карусель» (javascript), в которую я могу легко добавлять изображения. Имеет левое правое управление, опцию воспроизведения, все то же самое, что вы найдете в ppt. режим презентатора ...

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

...