三种经典网页音乐播放器

三种经典网页音乐播放器

因为WordPress自身并没有带音乐播放器，当要在文章中插入音乐的时候,只好装个WordPress音乐播放器插件。装多插件会影响博客打开速度，而且是像音乐插件这种大块头。夜泊枫桥之前安装的是WordPress音乐插件–audio-player。后来因为用live
writer 离线写博，audio-player也被校枫打入冷宫了。



网页音乐播放器多种多样，就校枫用过的，这里推荐3种。大家要调用只要把代码中的MP3地址更改下就好。

第一种，blogcastone播放器。夜泊枫桥一直用的就是这个，简洁，美观。这个其实是blogcastone播放器的改进版，是取自audio-player插件自带的。这个版本有音量调节，而真正的blogcastone播放器好像没有。blogcastone播放器的网站已经无法打开，也没办法求证了。

blogcastone播放器的外观通过代码就可以轻易的改变，这样你就打造符合你博客颜色的播放器了。blogcastone播放器的网站已经无法打开，好在播放器的swf文件网上很多，下一个上传到自己网站就可以，或者直接调用别站的也可以。

灰色 的：

<p><object data="http://www.mapleflying.com/player/player.swf" width="290" height="24" id="audioplayer1" type="application/x-shockwave-flash"> <param name="movie" value= http://www.mapleflying.com/player/player.swf > <param name="FlashVars" value="playerID=1&soundFile=http://www.szkeben.com/images/cjfx.mp3"><P></P></object></p>

蓝红色：

<embed src="http://www.mapleflying.com/player/player.swf?soundFile=http://tilidom.com/tilidom/download/tiliplayer?file_id=813836&playerID=10&bg=0xeeeeee&leftbg=0x357dce&lefticon=0xFFFFFF&rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=0xffffff&text=0×666666&slider=0×666666&track=0xFFFFFF&border=0×666666&loader=0x9FFFB8&loop=no&autostart=no"type="application/x-shockwave-flash" wmode="transparent" height="40" width="290" /> </embed>

黄灰色：

<embed src="http://www.mapleflying.com/player/player.swf" quality="high" width="290" height="24" name="mp3player" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer"flashvars="width=290&height=24&autostart=no&bg=0×000000&leftbg=0xFFBF00&border=0xFFBF00&text=0×333333&soundFile=http://tilidom.com/tilidom/download/tiliplayer?file_id=813836&autoplay=0"></embed>

黑灰色：

<embed wmode="transparent" src="http://www.mapleflying.com/player/player.swf" quality="high" width="290" height="36" name="mp3player" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"flashvars="width=290&animation=yes&initialvolume=60&remaining=no&noinfo=no&buffer=5&checkpolicy=no&rtl=no&bg=E5E5E5&text=333333&leftbg=030303&lefticon=fff200&volslider=f00000&voltrack=FFFFFF&rightbg=b4b4b4&rightbghover=999999&righticon=333333&righticonhover=FFFFFF&track=FFFFFF&loader=ff0000&border=c5c5c5&tracker=DDDDDD&skip=666666&pagebg=FFFFFF&transparentpagebg=yes&soundFile=http://tilidom.com/tilidom/download/tiliplayer?file_id=813836" /></embed>

蓝红黑：

<embed wmode="transparent" src="http://www.mapleflying.com/player/player.swf" quality="high" name="mp3player" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"flashvars="width=290&height=24&autostart=false&bg=0xC5C5C5&leftbg=0x357dce&border=0xFFBF00&text=0×333333&rightbg=0xf06a51&soundFile=http://tilidom.com/tilidom/download/tiliplayer?file_id=813836" height="24" width="290"> </embed>

蓝白色：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="290" height="24"> <param name="movie" value="http://www.mapleflying.com/player/player.swf?soundFile=http://tilidom.com/tilidom/download/tiliplayer?file_id=813836&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xsfsdf&rightbg=0x357DCE&rightbghover=0xsfsd&righticon=0xF2F2F2&righticonhover=0xsfsdsff&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0x8EC2F4&autostart=no&loop=no" /> <paramname="quality" value="high" /> <param value="transparent" name="wmode" /> <embed src="http://www.mapleflying.com/player/player.swf?soundFile=&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xsfsdf&rightbg=0x357DCE&rightbghover=0xsfsd&righticon=0xF2F2F2&righticonhover=0xsfsdsff&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0x8EC2F4&autostart=no&loop=no" width="290"height="24" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> </object>

第二种.来自法国的播放器。这个播放器也是很有人气的。不少博客首页挂的音乐播放器就是这个，小巧，大方，功能也不差，难怪招人喜欢。下面是官方网址有多种样式可以选择，重要的是还有播放列表，这对于歌比较多的人说，是福音啦。

http://www.alsacreations.fr/dewplayer

调用代码，把歌曲地址换成自己的。

<object type="application/x-shockwave-flash"data="http://www.mapleflying.com/player/dewplayer.swf" width="200" height="20"id="dewplayer" name="dewplayer">

<param name="wmode" value="transparent" />

<param name="movie" value="http://www.mapleflying.com/player/dewplayer.swf" />

<param name="flashvars" value="mp3=http://tilidom.com/tilidom/download/tiliplayer?file_id=813836" />

第三种. 豆瓣播放器

下面播放器下载地址。豆瓣播放器没什么好说的了，简洁美观。我一直觉得去豆瓣玩的，都是高雅人事。看看那些影评，乐评，大段，大段的，都是从纯电影，纯音乐角度剖析。有些真是太高深了，愣是没看懂写啥

。去了两三次，感觉和“大师们“差距相当大，现在也是很少去了。

http://www.douban.com/swf/player.swf

调用代码如下：

<p><embed src="http://www.douban.com/swf/player.swf?

url=http://bbmedia.qq.com/media/music/audio/200811/heart.mp3&autoplay=0"

type="application/x-shockwave-flash" wmode="transparent"

allowscriptaccess="always" height="30" width="400"></p>