Встроить презентацию PowerPoint в HTML

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

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

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

В моем решении используется очень простая функция 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 так что, прежде чем тратить время на пробу, вы можете посмотреть на это в действии.

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

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

ссылка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

«Настоящий ответ» заключается в том, что вы не можете сделать это напрямую. Вы должны преобразовать презентацию PowerPoint во что-то, что сможет обработать браузер. Вы можете сохранить каждую страницу презентации PowerPoint в виде изображения JPEG, а затем отобразить в виде серии изображений. Вы можете сохранить презентацию PowerPoint в формате HTML. Оба этих решения будут отображать только статические страницы без какой-либо анимации PowerPoint. Вы можете использовать инструмент для преобразования презентации PowerPoint во Flash (.swf) и таким образом встроить ее. Это сохранит любую анимацию и, предположительно, позволит вам сделать автоматическое слайд-шоу без необходимости написания специального кода для смены изображений.

Power Point поддерживает преобразование в mp4, которое можно опубликовать с помощью тега видео html5.

Сохранить как > Видео MPEG-4 (*.mp4)

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

Первые несколько результатов в Google звучат как хорошие варианты:

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

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

Некоторые инструменты Flash, которые могут конвертировать файл PowerPoint во Flash, могут быть полезны. Демонстрация слайдов также полезна. Для меня я возьму что-то типа PPT2Flash Pro или что-то в этом роде.

Ну, я думаю, что вы должны сначала преобразовать powerpoint во flash. PowerPoint не является общедоступным форматом в Интернете. Вам может пригодиться какой-нибудь инструмент, например PowerPoint to Flash.

Попробуйте PowerPoint ActiveX 2.4. Это компонент ActiveX, который встраивает PowerPoint в OCX.

Поскольку вы используете только Internet Explorer 6 и Internet Explorer 7, вы можете встроить этот компонент в HTML.

В качестве примечания: если пользователи вашей интрасети также имеют доступ к Интернету, вы можете использовать SlideShare виджет для встраивания презентаций PowerPoint на ваш веб-сайт.

(Не забудьте пометить свою презентацию как приватную!)

Я потратил некоторое время на изучение этого, и почти все бесплатные и условно-бесплатные программы в Интернете были отстойными. Это включало программное обеспечение для прямого преобразования файла .ppt во Flash или какой-либо видеоформат, а также программное обеспечение для записи экрана вашего рабочего стола. Программное обеспечение было неуклюжим, и качество было плохим.

Решение, к которому мы в конечном итоге пришли, немного ручное, но оно дало результаты наилучшего качества:

1. Экспорт файла .ppt в какой-либо формат изображения (.bmp, .jpeg, .png, .tif) — он записывает один файл на слайд
2. Импортируйте все файлы изображений слайдов в Google Picasa и используйте их для создания видео. Вы можете добавить несколько приятных простых переходов (в нем нет некоторых ужасных переходов .ppt, но кого это волнует), и он выведет WMV с указанным разрешением.

Сохранение в формате .wmv не идеально, но я уверен, что преобразовать его в какой-либо другой формат или во Flash довольно просто. Мы хотели разместить их на YouTube, и это помогло.

Простой (и бесплатный) способ — загрузить OpenOffice и использовать Impress, чтобы открыть презентацию PowerPoint. Затем экспортируйте в отдельную папку в формате HTML. Ваша презентация будет состоять из отдельных файлов HTML и изображений для каждого слайда PowerPoint. Ссылка на титульную страницу, и все готово.

Искал решение похожей проблемы.

Я просмотрел http://phppowerpoint.codeplex.com/.

Но лучшей документации у них нет, и даже демо-страницы я там не видел, а это казалось сложным.

Что я придумал: SkyDrive от Microsoft. https://skydrive.live.com

Все, что вам нужно, это создать у них учетную запись, загрузить свой PPT и сразу же встроить его. Плеер PPT довольно прост в использовании, и мне это нравится.

Я заметил, что люди рекомендуют некоторые решения PPT-to-Flash, но Flash не работает на мобильных устройствах. Существует служба хостинга под названием iSpring Cloud, которая автоматически преобразует ваш PPT в комбинированный формат Flash+HTML5 и позволяет вам Сгенерируйте код для вставки на свой сайт или блог. Полные инструкции можно найти на их веб-сайт.

Другой вариант — использовать Apple Keynote на Mac (Libre Office не смог открыть файл pptx, который у меня был), чтобы сохранить презентацию в формате HTML5. Он делает довольно хорошую работу, создавая именно то, что он отображает в основной заметке, например. он включает в себя анимацию и видео. Однако совместимость Keynote с PowerPoint имеет свои ограничения (независимо от экспорта).