`

html页面控制播放器插件

阅读更多

 

<embed src="swf/1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="680" height="388"></embed>

 //以上代码是调用本地机器的播放器

因为自己需要,所有,收集整理一下相关的资料

我们在网页上看到的播放器无外乎WMP/RealOne/Macromedia Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma,wmv格式...),Real流(rm,rmvb...),还有MPEG系列编码格式(MP4/MP3格式...)

WMP控件加入了ActiveX解码器控件,不仅可以放曲子,还能放Flash和其它视频文件。
代码:
<object title="dvubb" align="middle" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" class="object" id="MediaPlayer" width="480" height="360">
<param name="AUTOSTART" value="false"/>
<param name="ShowStatusBar" value="-1"/>
<param name="Filename" value="你的视拼地址"/>
<embed title="dvubb" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" flename="mp" src="你的视频地址" width="480" height="360" autoplay="false"></embed>
</object>
上面的这个播放器是老式的那种,6.4版本!新式播放器是在WMP9.0以后出现的,也就是说只有装了9.0或9.0以上的播放器才能正常使用的
新式播放器代码,相对以前的来说要简单很多:
代码:
<object height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" align="center" border="0"><param name="AutoStart" value="0"><param name="Balance" value="0"><param name="enabled" value="-1"><param name="EnableContextMenu" value="-1"><param name="url" value="{1}"><param name="PlayCount" value="1"><param name="rate" value="1"><param name="currentPosition" value="0"><param name="currentMarker" value="0"><param name="defaultFrame" value=""><param name="invokeURLs" value="0"><param name="baseURL" value=""><param name="stretchToFit" value="0"><param name="volume" value="100"><param name="mute" value="0"><param name="uiMode" value="mini"><param name="windowlessVideo" value="-1"><param name="fullScreen" value="0"><param name="enableErrorDialogs" value="-1"><param name="SAMIStyle" value><param name="SAMILang" value><param name="SAMIFilename" value><param name="captioningID" value></object>
Real系列播放器
代码:
<object classid="clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="500" height="40" id="RealMoviePlayer" border="0"><param name="_ExtentX" value="13229"><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="_master"><param name="LOOP" value="0"><param name="NUMLOOP" value="0"><param name="CENTER" value="0"><param name="MAINTAINASPECT" value="0"><param name="BACKGROUNDCOLOR" value="#000000"><param name="SRC" value="REAL媒体文件地址"></object>

 

 

Flash播放器
代码:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="flash动画地址"><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="flash动画地址" quality="high" bgcolor="#ffffff" width="550" height="400" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getFlashplayer" /></object>
万能自动网页播放器代码
代码:
<embed src="媒体文件URL地址" width=400 height=300 type="audio/mpeg" loop="-1" autostart="false" volume="0" style=""></embed>
WIDTH代表播放器宽度,HEIGHT代表高度,后面的数值可依自己喜好进行调整;
AUTOSTART="TRUE"或者是autoplay="true" 这里TRUE代表自动播放,如果换成FALSE则代表手动播放;
LOOP="TRUE"代表循环播放;
style=“”代表风格,参数可以参考CSS滤镜,可以省略;
type 可以省略;

 

其他可以看EMBED的代码详细;Flash 的代码就不详细说了!因为有些在线的Flash MP3 player但是经常会有些问题本来想给论坛加个Flash的MP3播放器按钮因为效果太差放弃了,使用万能代码了!

不用指定播放器种类,系统会调用默认的播放器自动播放,一会详细介绍,只要在代码的最外面加上object即可指定播放器!
引用:
(默认0为否,-1或1为是)
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225">
<param name="AudioStream" value="/-1">
<param name="AutoSize" value="-1">
<!--是否自动调整播放大小-->
<param name="AutoStart" value="-1">
<!--是否自动播放-->
<param name="AnimationAtStart" value="-1">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">

 

<!--左右声道平衡,最左-9640,最右9640-->
<param name="BaseURL" value>
<param name="BufferingTime" value="15">
<!--缓冲时间-->
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="0">
<!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
<param name="Enabled" value="-1">

<param name="EnableContextMenu" value="-1">
<!-是否用右键弹出菜单控制-->
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="-1">
<par

 

am name="EnableTracker" value="-1">
<!--是否允许拉动播放进度条到任意地方播放-->
<param name="Filename" value="01.wma" valuetype="ref">
<!--播放的文件地址-->
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<!--是否静音-->
<param name="PlayCount" value="10">
<!--重复播放次数,0为始终重复-->
<param name="PreviewMode" value="-1">
<param name="Rate" value="1">
<!--播放速率控制,1为正常,允许小数-->
<param name="SAMIStyle" value>
<!--SAMI样式-->
<param name="SAMILang" value>
<!--SAMI语言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
<param name="ShowControls" value="-1">
<!--是否显示控制,比如播放,停止,暂停-->
<param name="ShowAudioControls" value="-1">
<!--是否显示音量控制-->
<param name="ShowDisplay" value="0">
<!--显示节目信息,比如版权等-->
<param name="ShowGotoBar" value="0">
<!--是否启用上下文菜单-->
<param name="ShowPositionControls" value="-1">
<!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
<param name="ShowStatusBar" value="-1">
<!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
<param name="ShowTracker" value="-1">
<!--是否显示当前播放跟踪条,即当前的播放进度条-->
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
<param name="VideoBorderColor" value="0">
<!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
<param name="VideoBorder3D" value="0">
<param name="Volume" value="0">
<!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640-->
<param name="WindowlessVideo" value="0">
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
</object>
上面的这个播放器是老式的那种,6.4版本!新式播放器是在MediaPlayer9.0以后出现的,也就是说只有装了9.0或9.0以上的播放器才能正常使用的。

 

下面对WMP9的控件进行解析,其他播放的参数,基本类似,参考下面的!
引用:

<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自动播放-- www.devdao.com>
<param NAME="Balance" VALUE="0">
<!--调整左右声道平衡,同上面旧播放器代码-->
<param name="enabled" value="-1">
<!--播放器是否可人为控制-->
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否启用上下文菜单-->
<param NAME="url" value="/blog/1.wma"&g

 

t;
<!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1">
<!--播放次数控制,为整数-->
<param name="rate" value="1">
<!--播放速率控制,1为正常,允许小数,1.0-2.0-->
<param name="currentPosition" value="0">
<!--控件设置:当前位置-->
<param name="currentMarker" value="0">
<!--控件设置:当前标记-->
<param name="defaultFrame" value="">
<!--显示默认框架-->
<param name="invokeURLs" value="0">
<!--脚本命令设置:是否调用URL-->
<param name="baseURL" value="">
<!--脚本命令设置:被调用的URL-->
<param name="stretchToFit" value="0">
<!--是否按比例伸展-->
<param name="volume" value="50">
<!--默认声音大小0%-100%,50则为50%-->
<param name="mute" value="0">
<!--是否静音-->
<param name="uiMode" value="mini">
<!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--开始播放是否自动全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否启用错误提示报告-->
<param name="SAMIStyle" value>
<!--SAMI样式-->

<param name="SAMILang" value>
<!--SAMI语言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>
Real Player 网页播放器 参数含义
引用:
参数:autostart 属性: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或是False 作用:指定是否在图像窗口中显示状态信息,默认值是true
参数:loop 属性:True或是False 作用:可以让你指定片断是否无限循环
参数:maintainaspect 属性:True或是False 作用:默认RealPlayer拉伸所有的片断来充满整个图像窗口。
参数:name 属性:任何字符串作用:为标签中的RealPlayer元素指定名字(在标签中使用id)
参数:nojava 属性:True或是False 作用:避免启动Java虚拟机
参数:nolabels 属性:True或是False 作用:可以禁止显示标题或是版权信息(realplayer5.0以上时,它是垃圾...)
参数:nologo 属性:True或是False 作用:避免RealPlayer启动时在图像窗口中显示
参数:numloop 属性:任何整数值作用:让你能够指定文件片循环的次数,不需要参数loop
参数:prefetch 属性:True或是False 作用:指定在播放前,RealPlayer是否可以获得流描述信息,默认值是False
参数:region 属性:任何字符串作用:同SMIL一起使用。允许你指定使用HTML代替SMIL
参数:scriptcallbacks 属性:用逗号分割的列表作用:指定浏览器的回调监控(好高级的东东!)
参数:shuffle 属性:True或是False 作用:同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件
参数:src 属性:任何合法的相对或是完整的URL 作用:指定播放的文件或是源文件的地址
参数:type 属性:字符串作用:为嵌入插件指定MIME类型
参数:width 属性:任何整数值作用:指定RealPlayer元素的宽度
RealPlayer的一些函数、方法和过程
  这是 Real Player ActiveX Control Li

 

 

 

brary (Version 1.0) 的所有函数与方法,有兴趣可以研究一下。
引用:
  function GetSource: WideString;
  procedure SetSource(const lpszNewValue: WideString);
  function GetConsole: WideString;
  procedure SetConsole(const lpszNewValue: WideString);
  function GetControls: WideString;
  procedure SetControls(const lpszNewValue: WideString);
  function GetNoLabels: WordBool;
  procedure SetNoLabels(bNewValue: WordBool);
  function GetAutoStart: WordBool;
  procedure SetAutoStart(bNewValue: WordBool);
  function GetAutoGotoURL: WordBool;
  procedure SetAutoGotoURL(bNewValue: WordBool);
  function GetVolume: Smallint;
  procedure SetVolume(nVol: Smallint);
  function GetMute: WordBool;
  procedure SetMute(bMute: WordBool);
  function GetLoop: WordBool;
  procedure SetLoop(bVal: WordBool);
  function GetImageStatus: WordBool;
  procedure SetImageStatus(bEnable: WordBool);
  function GetPacketsTotal: Integer;
  function GetPacketsReceived: Integer;
  function GetPacketsOutOfOrder: Integer;
  function GetPacketsMissing: Integer;
  function GetPacketsEarly: Integer;
  function GetPacketsLate: Integer;
  function GetBandwidthAverage: Integer;
  function GetBandwidthCurrent: Integer;
  procedure DoPlayPause;
  procedure DoStop;
  procedure DoNextItem;
  procedure DoPrevItem;
  function CanPlayPause: WordBool;
function CanStop: WordBool;
  function HasNextItem: WordBool;
  function HasPrevItem: WordBool;
  function HasNextEntry: WordBool;
  function HasPrevEntry: WordBool;
  procedure DoNextEntry;
  procedure DoPrevEntry;
  procedure AboutBox;
  procedure EditPreferences;
  procedure HideShowStatistics;
  function IsStatisticsVisible: WordBool;
  procedure DoGotoURL(const url: WideString; const target: WideString);
  procedure DoPlay;
  procedure DoPause;
  function GetPosition: Integer;
  function GetPlayState: Integer;
  function GetLength: Integer;
  function GetTitle: WideString;
  function GetAuthor: WideString;
  function GetCopyright: WideString;
  function GetClipWidth: Integer;
  function GetClipHeight: Integer;
  function CanPlay: WordBool;
  function CanPause: WordBool;
  procedure SetPosition(lPosition: Integer);
  function GetNumLoop: Integer;
  procedure SetNumLoop(lVal: Integer);
  function GetCenter: WordBool;
  procedure SetCenter(bVal: WordBool);
  function GetNoLogo: WordBool;
  procedure SetNoLogo(bVal: WordBool);
  function GetMaintainAspect: WordBool;
  procedure SetMaintainAspect(bVal: WordBool);
  function GetBackgroundColor: WideString;
  procedure SetBackgroundColor(const pVal: WideString);
  function GetStereoState: WordBool;
  function GetLiveState: WordBool;
  function GetShowStatistics: WordBool;
  procedure SetShowStatistics(bVal: WordBool);
  function GetShowPreferences: WordBool;
  procedure SetShowPreferences(bVal: WordBool);

 

 

  function GetShowonmouseover WordBool;
  procedure SetShowAbou
网页中WMP视频控制之使用指南

 

□播放方法和属性
除播放、暂停、停止外,媒体播放器还可用下面的属性:
扫描(Scanning)——与录像机的快进快倒功能类似;
搜索(Seeking)——直接移到剪辑中标记的特定上演时间;

 

□播放
媒体播放器提供了两种技术来指定要播放的媒体名称(剪辑),你可以设置 FileName 属性,或调用 Open 方法。 如果 AutoStart 属性的值是 true 的话,当 FileName 属性被设置成该电影剪辑的 URL 后,该电影剪辑将开始播放;否则电影剪辑不会开始播放, 除非你调用 Play 方法。 Open 方法开始播放是异步的,它不象 Play 方法要等到其他的进程结束后才开始播放。
媒体播放器提供了下面的类似录像机的属性和方法来控制流媒体的播放:
Play、Stop、Pause 方法,来开始、停止、暂停流媒体。
PlayCount 属性,设置文件播放的次数。
AutoRewind 属性,确定当停止播放时是否返回到电影剪辑的开始部分。

□音频控制
媒体播放器提供了下面的属性来管理音频:
Balance 属性,确定左右音箱的声音平衡;
Volume 属性,用来加大或降低音量;
Mute 属性,用来关闭或打开声音;
※你可以将 ShowAudioControls 属性设为 true 来在控制栏添加处理声音的控件。

□扫描
媒体播放器提供了下面的属性用以扫描:
FastForward 方法,快进;
FastReverse 方法,快倒;
Rate属性,改变播放速率;
※要想使电影剪辑能被扫描,必须将 CanScan 和 AllowScan 属性设为 true。

□搜索
用于搜索的属性有:
MarkerCount 属性,指剪辑中标记的总数量;
CurrentMaker、GetMarkerName、GetMarkerTime 方法,用于返回标记信息;
MarkerHit 事件,当遇到标记时触发;
CurrentPosition 属性,当前位置(用秒度量),可用来将播放头移到剪辑中指定的点;
PositionChange 事件,当设置 CurrentPosition 属性时触发;
※要想搜索到任意的时间,必须将 CanSeek 属性设为 true,要想搜索到标记点,必须将 CanSeekToMarkers 属性设为 true。

□媒体播放器的外观界面
在网页中,你可以通过相关属性来控制媒体播放器的哪些部分出现,哪些部分不出现。
媒体播放器包括如下元素:
Video Display Panel:视频显示面板;
Video Border:视频边框;
Closed Captioning Display Panel;字幕显示面板;
Track Bar;搜索栏;
Control Bar with Audio and Position Controls:带有声音和位置控制的控制栏;
Go To Bar:转到栏;
Display Panel:显示面板;
Status Bar:状态栏;
下面的属性用来决定显示哪一个元素:
ShowControls 属性:是否显示控制栏(包括播放控件及可选的声音和位置控件);
ShowAudioControls 属性:是否在控制栏显示声音控件(静音按钮和音量滑块);
ShowPositionControls 属性:是否在控制栏显示位置控件(包括向后跳进、快退、快进、向前跳进、预览播放列表中的每个剪辑);
ShowTracker 属性:是否显示搜索栏;
ShowDisplay 属性:是否显示显示面板(用来提供节目与剪辑的信息);
ShowCaptioning 属性:是否显示字幕显示面板;
ShowGotoBar 属性:是否显示转到栏;
ShowStatusBar 属性:是否显示状态栏;

□播放列表
媒体播放器提供下面的方法来访问播放列表中的剪辑:
Next 方法,跳到节目(播放列表)中的下一个剪辑;
Previous 方法,跳回到节目中的上一个剪辑;
媒体播放器的一个特性是能够预览节目中的每一个剪辑,使用如下属性:
PreviewMode 属性,决定媒体播放器当前是否处于预览模式;
CanPreview 属性,决定媒体播放器能否处于预览模式;
在windows 媒体元文件中,可以为每一个剪辑指定预览时间——PREVIEWDURATION,如果没有指定,那么默认的预览时间是10秒钟。
你也可以用Windows 媒体元文件来添加 watermarks 与 banners,元文件也支持插入广告时的无间隙流切换。

 

□节目信息
使用 GetMediaInfoString 方法可以返回相关剪辑或节目的如下信息:
文件名:File name
标题:Title
描述:Description
作者:Author
版权:Copyright
级别:Rating
URLs:logo icon、watermark、banner的地址
剪辑信息可以放在媒体文件中,也可以放在Windows 媒体元文件中,或者两者都放。如果在元文件中指定了剪辑信息,那么用 GetMediaInfoString 方法返回的就是元文件中的信息,而不会返回剪辑中包含的信息。
在元文件中,附加信息可以放置在每一个剪辑或节目的 PARAM标签中。你可以为每个剪辑添加任意多个 PARAM 标签,用来存储自定义的信息或链接到相关站点。在 PARAM 标签中的信息可以通过 GetMediaParameter 方法来访问。
下面的属性返回有关大小和时间的信息:
ImageSourceHeight、ImageSourceWidth:返回图像窗口的显示尺寸;
Duration 属性,返回剪辑的长度(秒), 要检测这个属性是否包含有效的数值,请检查IsDurationValid 属性。(对于广播的视频,其长度是不可预知的)。

□字幕
你可以用 .smi 文件来为你的节目添加字幕。媒体播放器支持下面的属性来处理字幕:
SAMIFileName 属性,指定 .smi 文件的名字;
SAMILang 属性,指定字幕的语言(如果没有指定则使用第一种语言);
SAMIStyle 属性,指定字幕的文字大小和样式;
ShowCaptioning 属性,决定是否显示字幕显示面板;

□脚本命令
伴随音频、视频流,你可

 

以在流媒体文件中加入脚本命令。脚本命令是多媒体流中与特定时间同步的多对Unicode串。第一个串标识待发命令的类型,第二个串指定要执行的命令。
当流播放到与脚本相关的时间时,控件会向网页发送一个 ScriptCommand事件,然后由事件处理进程来响应这个事件。脚本命令字符串会作为脚本命令事件的参数传递给事件处理器。
媒体播放器会自动处理下面类型的内嵌脚本命令:
1)URL型命令:当媒体播放器控件收到一个URL型的命令时,指定的URL会被装载到用户的默认浏览器。如果媒体播放器嵌在一个分帧的HTML文件中,URL页可以装载到由脚本命令指定的帧内。如果脚本命令没有指定一个帧,将由 DefaultFrame 属性决定将 URL 页装入哪一帧。
你可以通过设置 InvokeURLs 属性来决定是否自动处理 URL 型的脚本命令。如果这个属性的值为 false ,媒体播放器控件将忽视 URL型命令。但是脚本命令事件仍会触发,这就允许你有选择地处理 URL 型命令。
URL 型命令指定的是 URL 的相对地址。基地址是由 BaseURL属性指定的。媒体播放器控件传送的脚本命令事件的命令参数是链接好的地址。
2)FILENAME型命令:当媒体播放器控件收到一个FILENAME型的命令时,它将 FileName属性设置为脚本命令提供的文件,之后媒体播放器会打开这个文件开始播放。 媒体播放器控件总是自动处理 FILENAME 型命令,不象 URL 型命令,它们不能被禁止。
3)TEXT型命令:当媒体播放器控件收到一个 TEXT型的命令时,它会将命令的内容显示在控件的字幕窗口。内容可以是纯文本的,也可以是 HTML。
4)EVENT型命令:当媒体播放器控件收到一个 EVENT型的命令时,它会在媒体元文件中搜索 EVENT 元素的 NAME 属性。如果 NAME 属性与脚本命令中的第二个字符串匹配,媒体播放器控件就执行包含在 EVENT 元素中的条目。
5)OPENEVENT型命令:当媒体播放器控件收到一个 OPENEVENT型的命令时,它会在媒体元文件中检查 EVENT 元素,并打开匹配的标题,但不播放,直到收到来自 EVENT型命令的同名真实事件。

 

□捕捉键盘和鼠标事件
EnableContextMenu 与 ClickToPlay 属性为用户提供了在图像窗口进行操作的方法。
如果 EnableContextMenu 属性为 true ,在图像窗口右击鼠标可以打开关联菜单,如果将ClickToPlay 属性设为 true ,用户可以单击图像窗口进行播放与暂停的切换。
要接收鼠标移动和单击事件,请将 SendMouseMoveEvents 和 SendMouseClickEvents 属性设为 true 。鼠标事件有:
MouseDown,当用户按下鼠标时产生;
MouseUp,当用户释放鼠标时产生;
MouseMove,当用户移动鼠标时产生;
Click,当用户在媒体播放器上单击鼠标按钮时产生;
DbClick,当用户在媒体播放器上双击鼠标按钮时产生;
要接收键盘事件,请将 SendKeyboardEvents 属性设为 true 。键盘事件有:
KeyDown,当用户按下一个键时产生;
KeyUp,当用户释放一个键时产生;
KeyPress,当用户按下并释放一个键时产生;

□监测流状态与网络链接
流状态属性包括:
PlayState:播放状态;
OpenState:打开状态;
Bandwidth:带宽;
支持的事件有:
OpenStateChange:打开状态改变(仅当SendOpenStateChangeEvents属性为true时触发)
PlayStateChange:播放状态改变(仅当SendPlayStateChangeEvents属性为true时触发)
EndOfStream:流结束时触发;
NewStream:打开新流时触发;
网络接收属性包括:
ReceptionQuality:接收质量;
ReceivedPackets:已经收到的包;
LostPackets:丢失的包;
监测缓冲的属性有:
BufferingTime:缓冲时间;
BufferingCount:缓冲次数;
BufferingProgress:缓冲进程;
Buffering:缓冲事件;

□错误处理


媒体播放器提供了内建的错误处理功能——在对话框或状态栏显示错误信息。 另外,你可以

自己添加错误处理程序。如果 SendErrorEvents 属性设置为 true,将不会显示错误框,而是发送错误事件;如果 SendErrorEvents 属性设置为 false,将显示错误框,而是发送错误事件。
媒体播放器支持下面的错误处理事件:
Error 事件,指有危险性错误发生;
Warning 事件,指发生了非危险性的错误;
当你的应用程序接收到一个错误事件,你可以检测下面的属性来确定具体的错误信息:
HasError:检测目前的媒体播放器是否有错误;
ErrorCode:提供与该类型错误相关的代码值;
ErrorDescription:提供错误的描述信息;
ErrorCorrection:指定媒体播放器对该类型的错误进行校正;

 

□播放CD
媒体播放器将 CD 看作(在每个音轨的开头具有标记的)单一音频流。 要在网页中使用CD,你需要将 FileName 属性设为 CDAUDIO:,必须带有冒号,如下所示:
代码:
<HTML>
<HEAD><TITLE>CD Audio Playback Example</TITLE></HEAD>
<BODY>
<OBJECT ID="MediaPlayer"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
WIDTH="320"
HEIGHT="508"
STYLE="position:absolute; left:0px; top:70px;" >
<PARAM NAME="FileName" value="/cdaudio:">
<PARAM NAME="AutoStart" VALUE="0">
<PARAM NAME="ShowControls" VALUE="1">
<PARAM NAME="ShowStatusBar" VALUE="1">
<PARAM NAME="ShowDisplay" VALUE="1">
</O

 

 

BJECT>
</BODY>
</HTML>
之后你可以用 Play 方法播放 CD 了。
你可以在 windows 媒体元文件中指定播放顺序以及每个音轨的信息。示例如下:

代码:
<ASX VERSION="3.0">
<TITLE>CD Audio with the Media Player</TITLE>
<AUTHOR>Windows Media Technologies</AUTHOR>
<COPYRIGHT>(c) 1999, Microsoft, Inc.</COPYRIGHT>

 

<ENTRY>
<TITLE>Track 1: Title 1</TITLE>
<REF href="/cdaudio:" />
<STARTMARKER NUMBER="1"/>
<ENDMARKER NUMBER="2"/>
</ENTRY>

<ENTRY>
<TITLE>Track 2: Title 2</TITLE>
<REF href="/cdaudio:" />
<STARTMARKER NUMBER="2"/>
<ENDMARKER NUMBER="3"/>
</ENTRY>

<ENTRY>
<TITLE>Track 3: Title 3</TITLE>
<REF href="/cdaudio:" />
<STARTMARKER NUMBER="3"/>
<ENDMARKER NUMBER="4"/>
</ENTRY>

<ENTRY>
<TITLE>Track 4: Title 4</TITLE>
<REF href="/cdaudio:" />
<STARTMARKER NUMBER="4"/>
</ENTRY>
</ASX>

<script type="text/javascript"></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

分享到:
评论
1 楼 chengji518 2011-03-24  
楼主讲得很详细,受益匪浅~!

相关推荐

    HTML5精美视频播放器插件

    HTML5精美视频播放器插件,如"ckin",是现代网页开发中不可或缺的工具。HTML5作为互联网技术的新标准,引入了原生的视频和音频元素,使得在网页上嵌入多媒体内容变得更加便捷。ckin插件利用HTML5的这一特性,提供了...

    基于JSON数据HTML5视频播放器js插件

    使用`frame-player`时,开发者需要先将视频文件转换为JSON格式的帧数据,然后在HTML页面中引入插件,并通过JavaScript配置播放器。此外,由于插件使用了HTML5的Canvas元素和JavaScript的定时器功能,所以能够实现在...

    jquery音乐播放器插件

    《jQuery音乐播放器插件详解及应用》 在网页开发中,为了提升用户体验,音乐播放器功能常常不可或缺。jQuery作为一款强大的JavaScript库,为开发者提供了丰富的功能和便捷的API,使得构建音乐播放器插件变得相对...

    简约精美的HTML5在线视频播放器插件.zip

    这个“简约精美的HTML5在线视频播放器插件”提供了这样的功能,并且强调了设计的简洁性和美观性。下面我们将深入探讨HTML5视频播放器的基础知识,以及与JavaScript相关的实现细节。 HTML5的`&lt;video&gt;`元素是用于插入...

    QPlayer左下角悬浮多功能mp3音乐播放器插件

    QPlayer左下角悬浮多功能mp3音乐播放器插件是一个专为网站设计的音乐播放解决方案,它基于现代前端技术jQuery和HTML5构建,提供了一种轻量级且高效的在线音乐体验。这款插件的设计理念是将音乐播放功能无缝融入到...

    HTML5迷你音频播放器插件

    HTML5迷你音频播放器插件是一款专为网页设计者打造的轻量级音频播放解决方案。它充分利用了HTML5的新特性,使得在网页上嵌入音频内容变得更加简单且具有高度定制性。这款插件的设计理念是小巧、简洁,不占用过多的...

    两个网页flash播放器插件

    1. **嵌入式播放**:这些插件允许开发者将视频直接嵌入HTML页面中,无需跳转到其他页面或打开新的窗口,提升了用户体验。 2. **控制面板**:播放器通常会带有播放/暂停、快进/快退、音量控制等常见操作按钮,方便...

    html页面视频播放器

    HTML页面视频播放器是网页设计中的一个重要组成部分,它允许用户在网页上直接观看视频内容,无需离开当前页面或借助第三方应用程序。在这个专题中,我们将深入探讨HTML5的视频播放技术,包括播放速度控制、音量调整...

    html5播放器插件多媒体视频播放器代码

    总的来说,HTML5播放器插件是现代网页开发中的关键组件,它们提供了丰富的多媒体功能,且具有良好的跨平台兼容性。理解并掌握如何创建和定制这样的播放器,对于提升网页应用的用户体验至关重要。

    HTML5在线视频播放器插件.zip

    在这个"HTML5在线视频播放器插件.zip"压缩包中,很可能包含了播放器的JavaScript文件、CSS样式文件、示例HTML页面、文档说明以及可能的示例视频文件。解压后,开发者可以根据提供的文档指导,在自己的项目中集成这个...

    WordPress漂亮的音乐播放器插件Aplayer

    在WordPress的众多插件中,Aplayer是一款设计精美的音乐播放器插件,深受许多网站管理员的喜爱。它为用户提供了丰富的自定义选项和流畅的听觉体验,使得音乐与网站内容完美融合。本文将深入探讨Aplayer插件的特性、...

    HTML5视频播放器插件(精美)

    HTML5视频播放器插件是现代网页开发中的一个重要组成部分,特别是在多媒体内容日益丰富的今天。这款“HTML5精美视频播放器插件”旨在提供一个既美观又功能丰富的解决方案,以满足开发者和用户对于在线视频体验的需求...

    仿网易云音乐外链播放器UI的HTML5音乐播放器插件

    1. **引入资源**:将APlayer的CSS和JavaScript文件引入到HTML页面中,通常位于`dist`目录下。 2. **创建DOM元素**:在HTML中添加一个空的div元素,作为播放器的容器。 3. **初始化播放器**:通过JavaScript调用A...

    query实现的html5视频播放器的插件

    此代码会在页面加载完成后,找到所有`&lt;video&gt;`元素并应用视频播放器插件,设置为不自动播放,循环播放,并显示控制条。 插件可能提供了丰富的API接口,用于控制视频的播放、暂停、停止、前进、后退、音量调整等。...

    织梦ckplayer视频播放器插件 v1.9.rar

    织梦ckplayer视频播放器插件PC端内容页面截图 织梦ckplayer视频播放器插件手机端截图 织梦ckplayer视频播放器插件 v1.9 更新日志 01、对文件结构进行调整,插件所有的文件均存放在ckplayer目录下,更方便管理...

    基于bootstrap的图片视频一体播放器插件

    Bootstrap 图片视频一体播放器插件是一种用于网页的交互式媒体组件,它结合了图片浏览和视频播放功能,为用户提供了一种统一且便捷的多媒体体验。这个插件的设计灵感来源于新浪微博,利用了Bootstrap这一流行的前端...

    HTML5视频播放器支持电脑PC端与移动手机页面

    HTML5视频播放器是现代网页开发中的重要组成部分,它允许开发者...这款HTML5视频播放器插件为开发者提供了一个便捷的起点,减少了从零开始构建自定义播放器的工作量,尤其适合那些希望快速实现网页视频播放功能的项目。

    HTML5视频播放器美化插件.zip

    1. 将插件的JavaScript和CSS文件引入到HTML页面中。 2. 创建`&lt;video&gt;`元素,并添加必要的属性如`src`、`controls`等。 3. 使用插件提供的API或配置选项进行自定义设置。 4. 调整CSS样式以匹配网站设计。 通过这些...

    jquery音乐播放器插件jplayer.zip

    安装jPlayer非常简单,只需要将jQuery库和jPlayer的CSS及JS文件引入到HTML页面中,然后创建一个HTML元素作为播放器的容器,并设置相应的数据属性,例如`data-jplayer`。接着,通过JavaScript初始化jPlayer实例,配置...

Global site tag (gtag.js) - Google Analytics