常见的网页播放器代码
我们在网页上看到的播放器无外乎WMP/RealPlayer/Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma,wmv 格式),Real流(rm,rmvb格式),还有MPEG系列编码格式(MP4,MP3格式)。下面是zuola.net整理的常见网页播放器代码
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=RAOCX name=rmplaywidth=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.zuola.net"/’ width="356" height="285">
</embed>
</object>
控制框:可紧跟播放框一起
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1 width=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" 参数说明 | ||
---|---|---|
参数 | 默认值 | 说明 |
AudioStream | true | |
AutoSize | true | 是否自动调整播放大小 |
AutoStart | true | 是否自动播放 |
AnimationAtStart | true | 整个动画是否在下载时同时播放 |
AllowScan | true | |
AllowChangeDisplaySize | true | |
AutoRewind | false | |
Balance | false | 左右声道平衡,最左-9640,最右9640 |
BaseURL | ||
BufferingTime | 5 | 缓冲时间 |
CaptioningID | ||
ClickToPlay | true | 当用户点击播放区域时是否启动播放器 |
CursorType | false | |
CurrentPosition | true | 当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0 |
CurrentMarker | false | |
DefaultFrame | ||
DisplayBackColor | false | |
DisplayForeColor | 16777215 | |
DisplayMode | false | |
DisplaySize | false | 视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理 |
Enabled | true | |
EnableContextMenu | true | 是否用右键弹出菜单控制 |
EnablePositionControls | true | |
EnableFullScreenControls | false | |
EnableTracker | true | 是否允许拉动播放进度条到任意地方播放 |
Filename | URL | 指定播放文件的URL |
InvokeURLs | true | |
Language | true | |
Mute | false | 是否静音 |
PlayCount | 1 | 重复播放次数,0为始终重复 |
PreviewMode | false | |
Rate | 1 | 播放速率控制,1为正常,允许小数 |
SAMILang | SAMI语言 | |
SAMIStyle | SAMI样式 | |
SAMIFileName | 字幕ID | |
SelectionStart | true | |
SelectionEnd | true | |
SendOpenStateChangeEvents | true | |
SendWarningEvents | true | |
SendErrorEvents | true | |
SendKeyboardEvents | false | |
SendMouseClickEvents | false | |
SendMouseMoveEvents | false | |
SendPlayStateChangeEvents | true | |
ShowCaptioning | false | 是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示 |
ShowControls | true | 是否显示控制,比如播放,停止,暂停 |
ShowAudioControls | true | 是否显示音量控制 |
ShowDisplay | false | 显示节目信息,比如版权等 |
ShowGotoBar | false | 是否显示进度条 |
ShowPositionControls | true | 是否显示往前往后及列表,如果显示一般也都是灰色不可控制 |
ShowStatusBar | false | 当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间 |
ShowTracker | true | 是否显示当前播放跟踪条,即当前的播放进度条 |
TransparantAtStart | false | |
VideoBorderWidth | false | 显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小 |
VideoBorderColor | false | 显示黑色框的颜色, 为RGB值,比如ffff00为黄色 |
VideoBorder3D | false | |
Volume | -200 | 音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640 |
WindowlessVideo | false | 如果是0可以允许全屏,否则只能在窗口中查看 |
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" 参数说明 | ||
---|---|---|
参数 |