-->

scribd是如何实现他们的“全屏”模式?(How did scribd implement the

2019-09-23 18:25发布

该scribd全屏模式是非常简洁(例如: http://www.scribd.com/doc/13161906/Java-Lab-Manual-With-Java-Installation-Guide?classic_ui=1 )。 优点(RIA的为专)是它不会(几乎)完全禁用键盘的“默认”在Flash Player全屏模式的方式做。 似乎嵌入式时也工作。

他们是如何做到的呢?

Answer 1:

这个例子没有使用全屏的。 他们认为是“全屏幕”简直是最大化闪光灯窗口占用整个浏览器领域。 浏览器的工具栏和状态栏和Chrome仍然可见,以及在浏览器以外的任何东西。

它是嵌入在HTML页面中一个Flash / Flex的小部件一个很好的效果,但它是不一样的全屏显示。

实施主要是对的JavaScript / DOM侧,只是最低限度内的Flash / Flex的。 当用户点击“全屏”,使用ExternalInterface的叫唤JavaScript函数。 然后,这个JS函数需要重新定位和调整的Flash元素,使其在(0,0),并占据了整个屏幕。 如果HTML比页面长,那么你还需要隐藏,使浏览器的滚动条消失,就像scribd例子一样。 了Flex / Flash应用程序内的另一个按钮提供紧密或相关按钮的逆过程。

作为Flex开发人员,我反对使用术语“全屏”这一点。 全屏是许多Flash / Flex应用程序,特别是视频播放器的常见功能。 这是迷惑用户使用该术语来表示不同的东西。 “最大化”会比“全屏”更合适。



Answer 2:

scribd是如何实现他们的“全屏”模式?

不太好,如果你问我。 它们的接口惊人这里Ubuntu上破...这是相当奇怪的其他Flash应用程序的99.9%完全。

靴子XP VirtualBox的图像

那么它看起来像他们刚刚改变闪光坐落在与一些JavaScript div和调整大小的小程序,以适应。 另外,当屏幕大小另一个JavaScript事件挂钩检测。

技术上没有什么聪明的,但它的好,他们已经做到了。



Answer 3:

其实山姆,他们提出了一个闪光全屏可用,但“full_screen_type”选项设置为文档对象的“闪电”:

VAR scribd_doc = scribd.Document.getDoc(DOC_ID,access_key);

scribd_doc.addParam( 'full_screen_type', '闪光');

默认情况下,“full_screen_type”实际上是设置使用JavaScript,这会导致浏览器窗口仅全屏特征来呈现。

一对夫妇的头起坐任何使用sbribd.js:

  • JavaScript的全屏版本似乎打破了某些方面,和
  • 截至2009年11有在scribd.js库将在浏览器打破一些未申报的JavaScript变量。


文章来源: How did scribd implement their 'fullscreen' mode?