Внедрение презентации PowerPoint в HTML

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

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

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

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

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

Id рекомендуем официальный просмотр офисных документов онлайн

ссылке

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

<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 как .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) в качестве средства просмотра документов.

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

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

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

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

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

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

первые несколько результатов в Google все варианты:

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

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

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

Ну, я думаю, что вы получите, чтобы преобразовать powerpoint в flash в первую очередь. PowerPoint не является общим форматом в Интернете. Какой-то инструмент вроде PowerPoint для 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 не идеален, но я уверен, что это, вероятно, довольно просто преобразовать в какой-то другой формат или вспышку. Мы хотели получить их на YouTube, и это сделало трюк.

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

Я искал решение для подобной проблемы.

Я заглянул в http://phppowerpoint.codeplex.com/

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

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

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

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

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

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

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

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