几种MP3音乐播放器汇总(无需插件)
今天要说的是不使用插件,在Wordpress中加入MP3音乐播放器,我们一般都是使用一些在线音乐播放器的swf文件,再调用它们放到文章中。这个对于那些喜欢折腾,而不喜欢插件的Blogger们来说比较适用(就像我这样的),要是你不喜欢折腾,那么你现在就可以跳过这篇文章啦……
下面将介绍将几种比较好的播放器:Audio Player ;Douban Player ;Yahoo Media player ;八音盒音乐组件 ;虾米播播 ;Drop.io音乐播放器 ;Google Reader MP3 Player ;
Audio Player 这个 Audio Player 是不需要插件的,首先你可以将这个 player.swf 文件上传到你的博客空间或者是可以直接外链的网盘。将得到这个swf文件的地址,要是你想直接使用我的地址也可以,我的是:http://xiao3meng.googlecode.com/files/audioplayer.swf 。然后再将你的 MP3 文件传到你的博客空间或可外链网盘,得到 MP3 文件地址。下面就是添加代码了,复制粘贴下列代码到你需要的地方:
播放器代码:
<objecttype=”application/x-shockwave-flash” data=”你的swf文件上传地址”width=”290″height=”24″id=”audioplayer1″><paramname=”movie”value=”你的 swf文件上传地址”/><paramname=”FlashVars”value=”playerID=1&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0×666666&rightbg=0xcccccc&rightbghover=0×999999&righticon=0×666666&righticonhover=0xFFFFFF&text=0×666666&slider=0×666666&track=0xFFFFFF&border=0×666666&loader=0×9FFFB8&soundFile=你的mp3 文件地址” /><paramname=”quality”value=”high”/><paramname=”menu”value=”false”/><paramname=”wmode”value=”transparent”/></object></object>
将代码中 你的 swf 文件上传地址 和 你的 mp3 文件地址 换成你的网址就可以啦。这个播放器还可以让你自己更改代码,播放器是可以自定义颜色的,AAAAAA 的部分就用于替换你需要的颜色代码,一般的色彩代码是〝 #AAAAAA 〞这样的形式,在这里我们不用〝 # 〞而改用〝 0x 〞,所以更改色彩代码时,不需要填〝 # 〞,直接填上后面 16 进位代码即可,如果 & 这个符号若是没有效果,可以改成 & ; 这样的写法.最后记得代码不可断行,就是不能按 Enter ,全部要打成一串就对了!
下面是示例音乐:
豆瓣 MP3 Player我们在浏览豆瓣音乐时,有时会看到这个 MP3 音乐播放器,也是一款很简洁的 Music Player ,但是这个播放器似乎不能自己定义样式、颜色等……
播放器代码:
<embed src=”http://www.douban.com/swf/player.swf?url=MP3文件URL&autoplay=0″type=”application/x-shockwave-flash”wmode=”transparent”allowscriptaccess=”always”width=”400″height=”30″>
将 MP3 文件替换成你上传的MP3文件的真实地址。
下面是示例音乐:
雅虎YahooMediaplayer雅虎(Yahoo!)的mediaplayer目前正处于beta测试阶段,它能将网页中的所有MP3文件添加进播放列表中,快速方便帮助你在线试听。Yahoo!mediaplayer播放器除了基本的播放、暂停、前一首、后一首、播放列表等功能外,还内嵌了yahoo搜索,你只需要点击播放器中文件名称就可以了。
Yahoo! media player的使用方法很简单:
在网页中添加MP3歌曲的链接代码,例如:
<a href=”http://mediaplayer.yahoo.com/example1.mp3″>First link</a>
<a href=”http://mediaplayer.yahoo.com/example2.mp3″>Second link</a>
<a href=”http://mediaplayer.yahoo.com/example3.mp3″>Third link</a>
在网站中加入以下代码:
<script type=”text/javascript” src=”http://mediaplayer.yahoo.com/js”></script>
你可以在wordpress主题中的 foot.php 中加入这段代码,当然你可以将这段JS代码另存为本地文件,上传到你自己的网站中,修改上面的调用代码为:
<script type=”text/javascript” src=”JS文件URL地址“></script>
刷新你的网页,你会发现你的MP3文件歌曲链接前面多了个小图标,点击这个图标就是实现在线听歌了。
虾米播播虾米播播是虾米音乐的一个应用之一,虾米里面的音乐都是码率较高的,因此音乐质量还不错!我们可以直接使用虾米的搜索功能,找出我们想要的音乐,通过虾米播播中的歌曲播放器模式放在文章中。
它提供了三种方式给我们:
HTML 代码
<embed src=”http://www.xiami.com/widget/26607_384272/singlePlayer.swf” type=”application/x-shockwave-flash” width=”257″ height=”33″ wmode=”transparent”></embed>
我们只需要选择相应的方式,将代码添加到文章中就可以啦!
下面是示例音乐:
八音盒音乐组件八音盒博客音乐组件 提供四种方式供我们将音乐插入博客文章中:展示你的音乐口味 ;引用歌单 ;引用电台 ;引用单曲 。
其中引用单曲非常简洁,只需要输入一首歌曲的名称,它便自动搜索出相应歌曲,并且这个播放器还可以定制颜色、宽度。给出 Flash文件地址和Html 嵌入代码两种模式。
<embed src=”http://www.8box.cn/feed/000000_s_314385_/mini.swf” type=”application/x-shockwave-flash” wmode=”transparent” width=”160″ height=”32″></embed>
下面是示例音乐:
Drop.io音乐播放器Drop.io是一个可以外链音乐文件的网盘,并且他提供MP3的原始地址,速度也还不错,至于他的具体应用,我会单独介绍,这里就先省略。他的播放器也是非常的简洁。
播放器代码:
<embed src=”http://s3.amazonaws.com/stlth/static/production/swf/audio_controller.swf”type=”application/x-shockwave-flash”wmode=”opaque”width=”400″height=”100″flashvars=”song_label=converted-gotta_have_you_converted.mp3&music_track=http://drop.io/download/public/5h2cpo5xinhhuy2pbqn2/122cbfa25a871989cca2452a7a8619ddffcbc8aa/cf433ad0-0598-012c-8e69-f59eefdb15a9/d24039b0-07a3-012c-0d56-f1766cdfa0e1/converted-gotta_have_you_converted.mp3″></embed>
下面是示例音乐:
Google Reader MP3 Player这个是在Google Reader里面音频播放器,代码如下:
《embedtype="application/x-shockwave-flash"src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=MP3文件URL"width="400"height="27"allowscriptaccess="never"quality="best"bgcolor="#ffffff"wmode="window"flashvars="playerMode=embedded"/》
下面是示例音乐:
总结当然,网络上的音乐播放器很多很多,我这里只是列一些自己经常用到的,分享给大家,要是你知道、看到什么好的播放器,欢迎分享!
Update:刚刚又找到一款很赞的!就是分享书签Delicious 网站上的播放器,这个和雅虎的那个有点一样!哈哈哈
你可以通过一段 JavaScript 代码让你的网站也拥有此功能,代码很简单:
《script type=”text/javascript” src=”http://static.delicious.com/js/playtagger.js”>《/script>
这样,你网站上的音乐文件链接都会加上播放按钮,而且读者可以方便将此 MP3 文件设置 Tags 并保存到自己的 Delicious 中。这段代码你可以放到你网站的任何位置,要收藏音乐文件,点击” tag this ”即可。
下面是音乐实例:
孙燕姿-Venus
分享到: | |
没有评论