Полноэкранная презентация веб-страницы

Question

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

Я пытаюсь добиться презентации в стиле PowerPoint, которая заполняет весь экран. Проблема в том, что моя веб-страница может быть комбинацией HTML, Flash, изображения или аудио или даже 4 одновременно.

Как мне это сделать? У меня есть идея создать изображение содержимого веб-страницы, прикрепить его к флеш-памяти и вывести на весь экран. Есть ли лучшее решение или, может быть, какое-то программное обеспечение или что-то?

Заранее спасибо за помощь.

EDIT

Я знаю, что браузер имеет функцию для перехода в полноэкранный режим, но я пытаюсь взять часть веб-страницы (потому что на странице есть меню, панели инструментов и т. Д.), Которая находится в div.

Answer 1

HTML5 полноэкранный API: http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

Кроме того, проверьте это для создания презентации с HTML5: http://slides.html5rocks.com/#landing-slide

Answer 2

Большинство веб-браузеров имеют полноэкранный режим - нажмите F11 на компьютере Windows с Internet Explorer или Firefox, и они перейдут в полноэкранный режим. Нажмите escape, чтобы выйти из полноэкранного режима.

Возможно, вы захотите использовать S5 (http://meyerweb.com/eric/tools/s5/) для создания презентаций на основе HTML.

Удачи!

Answer 3

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

HTH

Answer 4

Большинство браузеров поддерживают нажатие клавиши F11 для перехода в полноэкранный режим ....