我们在网页上看到的播放器无外乎wmp/realplayer/flash player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma,wmv 格式),real流(rm,rmvb格式),还有mpeg系列编码格式(mp4,mp3格式)。下面是admin10000.com整理的常见网页播放器代码
1、使用embed 标签播放多媒体文件
格式。其中文件名可以取任何一种多媒体文件格式,例如 test.wma,就会在网页上显示一个 windows media player 播放器(因为 wma 是 wmp 专用的),另如 test.rm,就会在网页上显示一个 real player 播放器。当然,你的计算机上必须安装了 realplayer 才可以显示。
其实 embed 标签还可以显示 flash 动画(这时embed 标签的作用跟用 object 标签显示 flash 动画的差不多),例子:
总之,归纳 embed 标签的作用: 在网页上播放指定的多媒体文件。
2、调用windows media player 进行播放
可用来来播放 wmv,asf 等格式文件
xml/html code复制内容到剪贴板
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,就无法使用增加到组件中的新特性了。
下面给出新版本的例子
css code复制内容到剪贴板
clsid:6bf52a52-394a-11d3-b153-00c04f79faa6 type=application/x-oleobject height=200 width=300> url value=test.wmv /> autostart value=false /> showstatusbar value=true /> showtracker value=true /> showcontrols value=true /> 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>
3、调用real player 进行播放
可用来播放 rm,ram 等格式文件
播放框:
xml/html code复制内容到剪贴板
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>
控制框:可紧跟播放框一起
css code复制内容到剪贴板
height=27 id=video1 width=356> _extentx value=7276> _extenty value=1058> autostart value=0> shuffle value=0> prefetch value=0> nolabels value=0> controls value=controlpanel> console value=clip1> loop value=0> numloop value=0> center value=0> maintainaspect value=0> 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>