兼容ff、chrome、ie的wmp网页播放器代码
Windows Media Player(以下简称wmp)是一款大家很常用的网页播放器组件,在ie浏览器横行的日子里,大家很容易就可以在自己的网页中插入wmp,和大家一起分享自己喜欢的音乐。
从ff(Firefox)的开始流行、chrome的出现等多浏览器博弈时代,wmp已经不再是当年的“通用”组件了。也许用flash可以暂时代替wmp用来播放音乐,虽然flash有着跨平台、安装量巨大等优势,但是在音质和格式的支持方面的缺陷,让它在网页音乐播放方面压力巨大。而微软凭借着windows超过90%的市场占有率和其强大的技术开发实力,让其Silverlight(银光)的安装量节节攀升,但是Silverlight是个新生儿,其开发技术的普及程度不高,所以也不能当做流行的网页播放器使用。微软最终还是给ie之外的浏览器开发了支持插件,下面我们看一看调用的代码:
//很简单的一小段代码就可以实现啦 - -! //通过读取userAgent来判断浏览器类型 //ie内核的使用 classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" //非ie内核的使用 type="application/x-ms-wmp" function showPlayer(id,url){ var vhtml = '<object id="wmp"'; var userAg = navigator.userAgent; if(-1 != userAg.indexOf("MSIE")){ vhtml+=' classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"'; } else if(-1 != userAg.indexOf("Firefox") || -1 != userAg.indexOf("Chrome") || -1 != userAg.indexOf("Opera") || -1 != userAg.indexOf("Safari")){ vhtml+=' type="application/x-ms-wmp"'; } vhtml+=' width="230" height="64">'; vhtml+='<param name="URL" value="'+url+'"/>'; //下面这些播放器的参数自己配置吧 vhtml+='<param name="autoStart" value="true" />'; vhtml+='<param name="invokeURLs" value="false">'; vhtml+='<param name="playCount" value="100">'; vhtml+='<param name="Volume" value="100">'; vhtml+='<param name="defaultFrame" value="datawindow">'; vhtml+='</object>'; document.getElementById(id).innerHTML = vhtml; } //showPlayer(id,url)id=为要插入播放器的父层id url=歌曲地址 showPlayer("player","xx.mp3");
我这有一个可以使用的示例:去看看示例(2011-07-10修正)
也许有些用户使用了以上代码,但是仍然无法看到播放器的话,可能就是你的系统没有安装相应的插件咯!
我收集了一些插件的下载地址:
Windows系统(2003无法安装)
Opera,Firefox,Safari 安装Windows Media Player Firefox Plugin插件(链接地址已修正)(进入页面后,点击Download Now链接即可下载,下载完成后双击安装)
注:当你使用chrome访问带有wmp的页面时,chrome会自动提示安装相关插件的,因此实现chrome的wmp功能也很简单。
Linux系统
Firefox,Opera 安装mplayerplug-in插件(链接地址已修正)(该文发表时最新版本是3.55)
Ubuntu系统可以通过下面命令安装:
sudo apt-get install mplayer
sudo apt-get install w32codecs
最后祝愿大家都能够在自己的网站上与大家分享喜欢的音乐 😛
本文如无特别说明,均属原创,转载请注明出处!
原文链接:http://iiu.me/archives/49
嗯,这个不错,实用!
学习了
用这个在firefox下是能看到播放器了,但是一直处于“准备就绪”状态,不播放啊
原来那首歌的地址已经不能播放了,你换个地址就行了
我用的是chrome遇到的也是同样的问题
但是在IE里还是可以听到这个歌曲的,说明地址是没有问题的啊。
请问这是什么原因?
Windows Media Player Firefox Plugin插件 这个插件安装了没有
我装了,貌似也听不了~ IE的行~