三种经典网页音乐播放器

三种经典网页音乐播放器

      因为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&amp;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&amp;playerID=10&amp;bg=0xeeeeee&amp;leftbg=0x357dce&amp;lefticon=0xFFFFFF&amp;rightbg=0xf06a51&amp;rightbghover=0xaf2910&amp;righticon=0xFFFFFF&amp;righticonhover=0xffffff&amp;text=0×666666&amp;slider=0×666666&amp;track=0xFFFFFF&amp;border=0×666666&amp;loader=0x9FFFB8&amp;loop=no&amp;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&amp;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&amp;animation=yes&amp;initialvolume=60&amp;remaining=no&amp;noinfo=no&amp;buffer=5&amp;checkpolicy=no&amp;rtl=no&amp;bg=E5E5E5&amp;text=333333&amp;leftbg=030303&amp;lefticon=fff200&amp;volslider=f00000&amp;voltrack=FFFFFF&amp;rightbg=b4b4b4&amp;rightbghover=999999&amp;righticon=333333&amp;righticonhover=FFFFFF&amp;track=FFFFFF&amp;loader=ff0000&amp;border=c5c5c5&amp;tracker=DDDDDD&amp;skip=666666&amp;pagebg=FFFFFF&amp;transparentpagebg=yes&amp;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&amp;height=24&amp;autostart=false&amp;bg=0xC5C5C5&amp;leftbg=0x357dce&amp;border=0xFFBF00&amp;text=0×333333&amp;rightbg=0xf06a51&amp;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&amp;bg=0xCDDFF3&amp;leftbg=0x357DCE&amp;lefticon=0xsfsdf&amp;rightbg=0x357DCE&amp;rightbghover=0xsfsd&amp;righticon=0xF2F2F2&amp;righticonhover=0xsfsdsff&amp;text=0x357DCE&amp;slider=0x357DCE&amp;track=0xFFFFFF&amp;border=0xFFFFFF&amp;loader=0x8EC2F4&amp;autostart=no&amp;loop=no" />       <paramname="quality" value="high" />       <param value="transparent" name="wmode" />       <embed src="http://www.mapleflying.com/player/player.swf?soundFile=&amp;bg=0xCDDFF3&amp;leftbg=0x357DCE&amp;lefticon=0xsfsdf&amp;rightbg=0x357DCE&amp;rightbghover=0xsfsd&amp;righticon=0xF2F2F2&amp;righticonhover=0xsfsdsff&amp;text=0x357DCE&amp;slider=0x357DCE&amp;track=0xFFFFFF&amp;border=0xFFFFFF&amp;loader=0x8EC2F4&amp;autostart=no&amp;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&amp;autoplay=0"

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

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