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

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

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

ссылке

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

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

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

Сохранить как > 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 имеет свои пределы, хотя (независимо от экспорта).