现在的位置: 首页 > 综合 > 正文

三种经典网页音乐播放器

2013年07月29日 ⁄ 综合 ⁄ 共 5234字 ⁄ 字号 评论关闭

三种经典网页音乐播放器

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

       网页音乐播放器多种多样,就校枫用过的,这里推荐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" />

        第三种. 豆瓣播放器

       下面播放器下载地址。豆瓣播放器没什么好说的了,简洁美观。我一直觉得去豆瓣玩的,都是高雅人事。看看那些影评,乐评,大段,大段的,都是从纯电影,纯音乐角度剖析。有些真是太高深了,愣是没看懂写啥icon_eek。去了两三次,感觉和“大师们“差距相当大,现在也是很少去了。 
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>

抱歉!评论已关闭.