我们在网页上看到的播放器无外乎WMP/RealPlayer/Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma,wmv 格式),Real流(rm,rmvb格式),还有MPEG系列编码格式(MP4,MP3格式)。下面是admin10000.com整理的常见网页播放器代码
1、使用Embed 标签播放多媒体文件
格式<embed src="文件名"/>。其中文件名可以取任何一种多媒体文件格式,例如 "test.wma",就会在网页上显示一个 Windows Media Player 播放器(因为 wma 是 WMP 专用的),另如 "test.rm",就会在网页上显示一个 Real Player 播放器。当然,你的计算机上必须安装了 RealPlayer 才可以显示。
其实 embed 标签还可以显示 Flash 动画(这时embed 标签的作用跟用 object 标签显示 Flash 动画的差不多),例子: <embed src="a.swf">
总之,归纳 embed 标签的作用: 在网页上播放指定的多媒体文件。
2、调用Windows Media Player 进行播放
可用来来播放 wmv,asf 等格式文件
<param name="filename" value="test.wmv" />
<param name="autostart" value="false" />
<param name="showstatusbar" value="true" />
<param name="showtracker" value="true" />
<param name="showcontrols" value="true" />
<embed filename="test.wmv" autostart="false"pluginspage="http://www.microsoft.com/windows/windowsmedia/" showcontrols="true"showstatusbar="true" showtracker="true" src="test.wmv" type="application/x-mplayer2"height="200" width="300"></embed>
</object>
Windows Media Player 7 及更高版本的 class ID 是:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6
上面例子中的 class ID 是一个老的版本,但是依然可以工作,这是因为其向后兼容性。但是如果使用了老的 class ID,就无法使用增加到组件中的新特性了。
下面给出新版本的例子
<param name="url" value="test.wmv" />
<param name="autostart" value="false" />
<param name="showstatusbar" value="true" />
<param name="showtracker" value="true" />
<param name="showcontrols" value="true" />
<param name="uimode" value="full"/>
<embed filename="test.wmv" autostart="false" showcontrols="true" showstatusbar="true"showtracker="true" uimode="full" src="test.wmv" type="application/x-mplayer2" height="200"width="300"></embed>
</object>
3、调用Real Player 进行播放
可用来播放 rm,ram 等格式文件
播放框:
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCXname=rmplay width=356>
<param name="SRC" value="影片地址">
<param name="CONSOLE" value="Clip1">
<param name="CONTROLS" value="imagewindow">
<param name="AUTOSTART" value="true">
<embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1"pluginspage="http://www.real.com"/’ width="356" height="285">
</embed>
</object>
控制框:可紧跟播放框一起
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1width=356>
<param name="_ExtentX" value="7276">
<param name="_ExtentY" value="1058">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="CONTROLS" value="ControlPanel">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#ffffff">
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel"height="27" width="356" autostart="0" _extentx="7276" _extenty="1058" shuffle="0"prefetch="0" nolabels="0" loop="0" numloop="0" center="0" maintainaspect="0"backgroundcolor="#ffffff">
</embed>
</object>
最后给出Windows Media Player 和 Real Player 播放器的详细参数说明
Windows Media Player "clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" 参数说明 |
---|
Windows Media Player "clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" 参数说明 | ||
---|---|---|
参数 | 默认值 | 说明 |
AutoStart | -1 | 是否自动播放,0不自动播放,-1自动播放 |
Balance | 0 | 调整左右声道平衡,最左-9640,最右9640 |
enabled | -1 | 播放器是否可人为控制;-1可控制,0不可控制 |
EnableContextMenu | -1 | 是否启用上下文菜单(是否用右键弹出菜单控制) 0不显示菜单,1显示菜单 |
url | 播放的文件地址 | |
PlayCount | 播放次数控制,为整数,0为始终重复 | |
rate | 播放速率控制,1为正常,允许小数,1.0-2.0 | |
currentPosition | 控件设置:当前位置(-1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1或大于等于0) | |
currentMarker | 控件设置:当前标记 | |
defaultFrame | 显示默认框架 | |
invokeURLs | 脚本命令设置:是否调用URL | |
baseURL | 脚本命令设置:被调用的URL | |
stretchToFit | 0 | 是否按比例伸展 ,0不伸缩,-1伸展 |
volume | 默认声音大小0%-100%,50则为50% | |
mute | 是否静音 | |
uiMode | Full | 播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示 |
windowlessVideo | 0 | 如果是0可以允许全屏,否则只能在窗口中查看 ;0窗口显示,-1非窗口显示 |
fullScreen | 0 | 开始播放是否自动全屏 -1 自动全屏,0 不自动全屏 |
enableErrorDialogs | 是否启用错误提示报告 | |
SAMIStyle | SAMI样式 | |
SAMILang | SAMI语言 | |
SAMIFilename | 字幕ID |
Real Player "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 参数说明 | ||
---|---|---|
参数 | 默认值 | 说明 |
AutoStart | true | 值为True或是False,指定是否自动播放指定的源文件 |
backgroundcolor | 值为任何用符号“#”开头的16进制数值或是任何预定义的颜色,指定图像窗口的背景颜色 | |
center | 值为True或是False,指定片断使用初始编码大小播放并且在图像窗口的中央。 | |
classid | "clsid:CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:** 作用:用于指定ActiveX控件的唯一的字符串标示,可以认出嵌入的RealPalyer播放器。 | |
console | 值为任何字符串,可以将各种不同的RealPlayer控制聚集在网页上,这样它们可以交互使用或是保持独立,而且互相不影响 | |
controls | 用来指定哪些控制是可见的。 值可以是 ImageWindow,All,ControlPanel,PlavButton,PlayOnlyButton, PauseButton,StopButton,FFCtrl,RWCtrl,MuteCtrl,MuteVolume,VolumeSlider,PositionSlider,TACCtrl,HomeCtrl,InfoVolumePanel,InfoPanel,StatusBar,StatusField,PositionField。 | |
height | 指定RealPlayer元素的高度。值为任何整数值,单位:像素。 | |
id | 值为任何字符串。为标签中的RealPlayer元素指定名字。 | |
imagestatus | true | 值为True或是False 。用来指定是否在图像窗口中显示状态信息。 |
loop | 值为True或是False 。可以让你指定片断是否无限循环。 | |
maintainaspect | true | 值为True或是False。指定是否拉伸所有的片断来充满整个图像窗口 |
name | 值为任何字符串。为标签中的RealPlayer元素指定名字(在标签中使用id) | |
nojava | 值为True或是False。避免启动Java虚拟机 | |
nolabels | True或是False 。可以禁止显示标题或是版权信息(realplayer5.0以上时,它是垃圾...) | |
nologo | True或是False。避免RealPlayer启动时在图像窗口中显示 | |
numloop | 指定文件片循环的次数,值为整数值。不需要参数loop | |
prefetch | false | 值为True或是False。指定在播放前,RealPlayer是否可以获得流描述信息 |
region | 值为任何字符串。同SMIL一起使用。允许你指定使用HTML代替SMIL | |
scriptcallbacks | 值为用逗号分割的列表。用来指定浏览器的回调监控(好高级的东东!) | |
shuffle | 值为True或是False 。同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件 | |
src | 播放的文件地址 | |
type | 为嵌入插件指定MIME类型 | |
width | 指定RealPlayer元素的宽度。值为任何整数值 |