全屏网页演示文稿 [英] Fullscreen webpage presentation
问题描述
我正在开发一个网络系统进行培训,培训师可以通过放大css3属性来显示内容,这增加了屏幕的大小。
m试图实现的是一个PowerPoint风格的演示文稿,它填满了屏幕。问题是我的网页可能是HTML,Flash,图像或音频的组合,甚至每次4个。
我该如何做到这一点?我的一个想法是创建一个网页内容的图像,并将其附加到一个Flash并将其全屏显示。有没有更好的解决方案,或者一些软件或什么?
感谢您的帮助。 strong>编辑
我知道浏览器具有全屏显示的功能,但我想要做的是取得网页的一部分(因为HTML5全屏API:
http://johndyer.name/native-fullscreen-javascript-api- jquery-plugin /
// mozilla建议
element.requestFullScreen();
document.cancelFullScreen();
// Webkit(适用于Safari和Chrome Canary)
element.webkitRequestFullScreen();
document.webkitCancelFullScreen();
// Firefox(夜间工作)
element.mozRequestFullScreen();
document.mozCancelFullScreen();
// W3C提案
element.requestFullscreen();
document.exitFullscreen();
另外,请查看以HTML5进行演示:
http://slides.html5rocks.com/#landing-slide
I am developing a web system for training and the trainer can show the content by zooming with the css3 property that increases the size of the screen.
What I'm trying to achieve is a PowerPoint style presentation, which fills the screen. The problem is that my webpage can be a combination of HTML, Flash, image or audio, or even 4 at a time.
How can I accomplish this? One idea I have is to create an image of the contents of the webpage and attach it to a flash and put it in full screen. Is there a better solution or maybe some software or something?
Thanks in advance for the help.
EDIT
I know browser have the functionality to go full screen, but what I'm trying to do is take a part of the webpage (because in the page are the menu, toolbars, etc) that is in a div.
HTML5 Fullscreen 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();
Also, check out this for making a presentation with HTML5: http://slides.html5rocks.com/#landing-slide
这篇关于全屏网页演示文稿的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!