部落格播放器

部落格播放器

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