第15章 JavaScript操作视频控件.ppt

第15章 JavaScript操作视频控件 在前面的章节中，讲解了如何使用JavaScript操作页面的样式与内容。通过对CSS和DOM对象的控制，可以实现对页面的掌控。自本章起，将进入对若干ActiveX控件的讲解。通过操控ActiveX控件对象，可以实现很多无法单纯依靠HTML实现的效果。 本章将介绍： “ActiveX”控件的意义 如何在HTML页面中使用“ActiveX”控件 “Windows Media Player”控件的脚本对象模型 “Fire Fox”浏览器对“Windows Media Player”控件的支持 如何使用Real Player控件播放流媒体文件 15.1 示例：通用媒体播放器 读者在Internet上浏览页面的时候，或多或少都曾接触过嵌在页面中中的视频或音频等多媒体对象。这通常是利用嵌入的ActiveX控件对象来实现的。然而不同的媒体格式常常需要不同的ActiveX控件，代码15-1.htm是一个自动识别媒体格式，并调用相应播放控件的例子。 15.2 “ActiveX”控件简介 根据微软的软件开发指南MSDN（Microsoft Developer Network）的定义，“ActiveX”插件以前也叫做“OLE”控件或“OCX”控件，其为一些软件组件或对象，可以将其插入到WEB网页或其它应用程序中。 15.2.1 “ActiveX”控件的意义 程序员最大的烦恼之一，就是需要不断的进行重复性的劳动。有时明明是功能非常相似的模块，却因为操作平台或项目的不同，必须要重新修改甚至于重新编写。为了解决代码的重用问题，人们提出了“组件”的概念。 15.2.2 在HTML页面中使用“ActiveX”控件 对于每一个“ActiveX”控件，都有一个对应的字符串，作为惟一性的标识，这个标识被称作“全局唯一标志符”（“GUID”或“UUID”）。此标志符由专用算法自动生成，用以唯一的标识每个不同的控件。 在HTML页面中，使用“object”标记来使用“ActiveX”对象。每个“object”对象至少需要指定一个“classid”属性，来标识此对象所引用的“ActiveX”控件。 15.3 JavaScript操作Windows Media Player播放器 程序员可以通过ActiveX控件的方式，将“Windows Media Player”播放器插入到Web页面中，来实现一般音频或视频等多媒体文件的播放。由于“Windows Media Player”是“Windows”系统附带的系统播放器，因此通常在使用时无需下载，比较快捷方便。 15.3.1 在网页中插入“Windows Media Player”控件 对于不同的浏览器，由于其对HTML的解释和执行的不同，在Web页面中插入“Windows Media Player”控件的方式稍有不同。 15.3.2 “Windows Media Player”控件的脚本对象模型（一） “ActiveX”控件在脚本中同样作为对象表现。“Windows Media Player”控件被依据不同的功能，划分为若干不同的子对象，其根对象为“Player”对象，其他对象均通过此根对象的对应属性获取。 “Windows Media Player”控件的对象模型 15.3.3 “Windows Media Player”控件的脚本对象模型（二） （1）“MediaCollection”对象，用于操作播放的多媒体对象。其提供一种组织大量的媒体文件的方法，可以通过对其操作来自动生成播放列表。 （2）“Media”对象提供了对每一个媒体对象的访问和播放控制。可以通过“Controls”对象的“currentItem”属性、“Player”对象的“currentMedia”属性和“newMedia”方法，“PlayList”对象的“item”方法来获取对“Media”对象的引用。 （3）“MetadataPicture”对象。此对象提供了获取多媒体中图片元数据属性（“WM/Picture”属性）的方法。这些属性对应于电子唱片集的封面。 （4）“MetadataText”对象和“MetadataPicture”对象类似，用于获取多媒体文件中的文本内容。 （5）“Network”对象提供了对网络的控制。此对象允许程序员获取网络质量的信息，并提供了方法用于获取或修改代理服务器设置。 15.3.4 “Windows Media Pl