我们在网页上看到的播放器无外乎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 等格式文件
<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject" height="200" width="300">
<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,就无法使用增加到组件中的新特性了。
下面给出新版本的例子
<object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" height="200" width="300">
<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=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=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" 参数说明 | ||
---|---|---|
参数 | 默认值 | 说明 |
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元素的宽度。值为任何整数值 |
以上就是常见的网页播放器代码的详细内容,更多请关注风君子博客其它相关文章!
最新评论