部落格播放器
Reply To: Q.qing & Lance Chiah & Im 大便头 & Others
对于Mixpod的关闭,造成许多人无法轻松的像如往一样要什么歌就搜一搜,
copy了代码放去部落格就能享有部落格播放器了。
在这里我决定重新把之前Dewplayer播放器的教程缩减成简易明白。
也让许多用户能够通过这样的一个教程直接享有属于自己的播放器。
当然,Dewplayer属于非常精简界面的一款播放器,如果想要其他类型的播放器,
用户可以到google搜一搜,就能够找到适合自己的了。
Dewplayer的歌曲需要自行Upload(上传)到网上。而前提是上传的网站必须支援外链功能,如:
fileden,Dropbox等。
在这里我比较建议各位使用Dropbox,毕竟此网站的上传和下载速度都快于Fileden,而且buffer也比较稳定。以下是我提供给各位的连接
Dropbox:https://www.dropbox.com/
Fileden:http://www.fileden.com/
--------------------------------------------------------------------------------------------------------
注意:
歌曲方面大家可以通过酷我,酷狗之类的软件下载,甚至是到搜狗等网站都可以下载。
而上传方面大家先尝试,下载Dropbox软件,
然后在官方网站申请一个户口,这个大家应该会吧?
好了之后就在你所下载的dropbox软件登入。
而如何上传呢?基本上有两种方式,一个是你去到Dropbox的网页登入后上传。
另一个则是直接放进你电脑里的Dropbox箱来进香同步。
---------------------------------------------------------------------------------------------------------
*以上的上传方式大家先去研究,有收益,经验总是好的。不明白的话才EMAIL我询问:kenchy710@gmail.com
以下正式教你如何添加播放器,首先copy以下的代码到你的部落格。
<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=歌曲链接&autostart=1&autoreplay=1&showtime=1" />
<param name="wmode" value="transparent" />
</object></p>
就像平时添加插件的方式,如果不知道怎么添加。
请查看以下的教程:
添加插件:
http://kenchywasdead.blogspot.com/2012/11/blog-post.html
*请记得不要先按Save
因为还要编辑,那只不过是我上传的播放器代码。还没有添加你们的音乐呢~
所以当你上传了歌曲到Dropbox后,跟着以下的步骤做:

点击了滑鼠右键后选择Download(下载)。
这时你的歌曲就会进行下载了。
和下图一样:
我们需要点击Show all downloads来看下载目录,
这时你的电脑应该会这样显示:
你必须在选择刚才下载的歌曲,在上面点击滑鼠右键,
然后选择Copy link address来获得下载链接。
你所获得的
下载链接地址应该会是这样子:
https://www.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3
https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3
?token_hash=AAF3_JdeOTyiEnK4GpH258gJLw4V6SaMUbJGyxinfEaEFA&dl=1
但是Dewplayer播放器并没有办法识别这样的连接。所以其实很简单。
我们只需要把以下
www的部分更改成
dl就可以了。
如:
更改前:
https://www.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3
更改后:
https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3
在把它放进我所发放给各位的代码里。代替红色的那一行,如:
之前:
<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=歌曲链接&autostart=1&autoreplay=1&showtime=1" />
<param name="wmode" value="transparent" />
</object></p>
之后:
<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3&autostart=1&autoreplay=1&showtime=1" />
<param name="wmode" value="transparent" />
</object></p>
完毕!
我不知道到底有多少人做得到。
如果没有办法做到的人,可以Email我,
但别在完全没有尝试的情况下就问我。
那我开教程的意义就没有了。
想更深入了解的人可以参考:
Dewplayer部落格播放器:
http://kenchyclass.blogspot.com/2010/02/dewplayer.html
Blogger部落格简洁播放器[有List版]:
http://kenchyclass.blogspot.com/2010/04/bloggerlist.html
By Kenchy
阅读全文
收缩文章