全屏网页演示文稿 [英] Fullscreen webpage presentation

查看:133
本文介绍了全屏网页演示文稿的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在开发一个网络系统进行培训,培训师可以通过放大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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆