兼容ff、chrome、ie的wmp网页播放器代码

By , 2010/01/25 - 28,076 views

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

共有 7 条精彩评论

  1. 找工作说道:

    嗯,这个不错,实用!

  2. jumkey说道:

    学习了

  3. 西奥说道:

    用这个在firefox下是能看到播放器了,但是一直处于“准备就绪”状态,不播放啊

    • iiu说道:

      原来那首歌的地址已经不能播放了,你换个地址就行了

      • 吾乃魔尊说道:

        我用的是chrome遇到的也是同样的问题
        但是在IE里还是可以听到这个歌曲的,说明地址是没有问题的啊。
        请问这是什么原因?

请您评论

 

健康游戏忠告:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活
W3C 标准
[Valid RSS]
Valid XHTML 1.0 Transitional
Valid CSS!
分享
E:时间已做了选择 什么人叫做朋友 偶尔碰头 心情却能一点就通
H:因为我们曾有过 理想类似的生活 太多感受 绝非三言两语能形容
S:可能有时我们顾虑太多 太多决定需要我们去选择 担心会犯错 难免会受挫 幸好一路上有你陪我
合:与你分享的快乐 胜过独自拥有 至今我仍深深感动
好友如同一扇窗 能让视野不同 与你分享的快乐 胜过独自拥有 至今我仍深深感动 好友如同一扇门 让世界(变)开阔

无觅相关文章插件,快速提升流量