常见的网页播放器代码
我们在网页上看到的播放器无外乎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=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.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元素的宽度。值为任何整数值 | |
上一篇:关于DOCTYPE的使用和说明 下一篇:浏览器内核控制Meta标签说明文档
