要在网页中播放各种视频和音频文件,需要为页面添加插件和控件。ActiveX是Microsof公司的对象组件技术,允许Windows程序在运行时刻载入并使用其他程序。ActiveX控件常用作浏览器的子程序,以增强页面的交互作用。另外,尽管没有官方的HTML描述,但通常都使用<embed></embed>来包含正插件和Netscape 插件。本章介绍常见媒体文件以及 Flash文件在浏览器中使用的方法。
有图像的 Media Player
本节给出一个使用 Media Player 的示例程序,同时打开两个 Windows媒体文件,其中一个包含视频,一个不包含视频,两个文件都显示播放器窗口界面。
要点
本节代码主要使用了HTML的<object>元素,其主要功能和用法如下。
- 通过使用<object>标签,可以将 ActiveX控件嵌入到网页中,其中包含一个 classid 属性,用于指定 ActiveX 控件的 GUID(Globally Unique Identifier,全局惟一标识),而相关参数使用<param>元素传递,设置了ActiveX控件的初始值。
- 要在网页中使用 Windows MediaPlayer播放器,必须使用 ActiveX对象,在页面中增加<object>标签。Windows MediaPlayer播放器的 classid属性为“CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6”。要想正确使用播放器,还必须设置其 codebase 属性,其中指明该控件的 URL地址、版本号等信息。还可以为<obiect>标签设置宽度和高度,用以指明播放器窗口的大小。
- 要使播放器包含播放窗口,只需为<obiject>标签添加“<param name-'WindowlessVideoVALUE-'true'>”元素即可。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>多媒体播放 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body bgcolor="#ffcc00" onload="dataReady = true;">
<h2>使用Windows Media Player 播放器</h2><hr>
<table border="1" bordercolor="green" cellspacing="10" cellpadding="10">
<tr><td><object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width=380 height=370 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52
,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name='URL' value='有图像的 Media Player.wmv'>
<PARAM NAME='UIMode' VALUE='full'><PARAM NAME='AutoStart' VALUE='true'>
<PARAM NAME='Enabled' VALUE='true'>
<PARAM NAME='enableContextMenu' VALUE='false'>
<param name='WindowlessVideo' VALUE='true'></object></td></tr>
<tr><td><object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width=380 height=370 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52
,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name='URL' value='有图像的 Media Player.wma'>
<PARAM NAME='UIMode' VALUE='full'><PARAM NAME='AutoStart' VALUE='true'>
<PARAM NAME='Enabled' VALUE='true'>
<PARAM NAME='enableContextMenu' VALUE='false'>
<param name='WindowlessVideo' VALUE='true'></object>
</td></tr></