简洁且拥播放列表的部落播放器『教学』
Posted by Muzi on 2010/01/30 21:55
『部落教学』
我换了我侧栏的播放器好久好久了，原本想说做一个教学 = = 这个念头就这么一拖，拖了几个月
这个教学我怀疑自己会不会表达到含糊不清 = = 如果有什么问题可以留言～
比起 previous 的，这个除了以经可以在 IE 里正常显示+播放（以前的也可以，只是我的语法错了）也添加了几个新功能～
这是播放器的官网：http://www.alsacreations.fr/dewplayer-en
那边什么叫教程都没有，我上了谷歌找了很久才发现：厚！ XML 文件不就是关键吗？
这个播放器适合那些喜欢听歌却懒得开电脑播放器（或是根本懒得下载电脑音乐播放器的）以及
懒得更换歌曲且对目前的播放器极度不满意的博客～呼，描述到这样长。最重要的还是适合比较喜欢单调的人...
=)
在进行教程之前最好有一个 fileden 户口，没有的话赶快开一个，有的话就赶快 login
若没有 fileden 户口，你的播放器就不能完整的操作。
×××
STEP 1：下载相关文件
点击这个 link 下载播放器的壳：http://www.box.net/shared/brujmbjris
上面的 link 是绝对没毒的～可以安心下载。
打开后你会看到 zip 里面有两个文件，
dewplayer-playlist.swf 就是播放器的外壳，playlist.xml 就是播放器的内涵～赫赫
请把里面的两个 file 给 drag 去 desktop。
STEP 2：上传你要的歌曲
为了美观，个人建议最好上传 minimum 9 个你要放的歌曲。每个歌曲必须用英文字母来命名喔...
还有不要忘记的是你的歌曲一定是要 MP3 格式 !!!
所有的歌曲上传完毕后就回到 FILES 开始另一番大工程～！=)
在你的文件按右键然后 properties，再然后点击 linking codes 的 URL 你就会拿到 MP3 URL 了
×××
STEP 3：
回到去刚才 STEP 1 DRAG 去 desktop 的那两个文件...right click playlist.xml 然后点击 EDIT。
如果你 double click 那个文件的话是直接帮你开 IE 然后出现乱码，现在我们要做的就是修改 xml 文件
=) 你们打开后就会出现这样的字眼。如果要添加歌的话只需要添加以下的语法罢了...
除了以下提及的语法可以修改以外，其他的麻烦不要去更改～
这个是我的：
基本上，到现在你们看得明白吗？ @@ 很简单，title 就是歌名 ...location 就是刚才提及的 MP3 URL。
添加歌曲完毕就 save as
记得在文件名后面加上 .xml 以及 save as type: all files。
过后把刚才下载还有已经修改的 xml 文件上传去 fileden...
拿到 link （上图）之后把以下的 code 给 copy paste 进你的部落后台放挂件的地方，
然后把上图得到的 link 放进以下 highlight 起来的部分。
但是以上的 code 是不会让你的播放器 auto start 或者是 auto replay 也或是 auto resume 的。
我是参考这个网页：http://www.boutell.com/newfaq/creating/audio.html
以上。希望网友会一目了然 =)
在上面忘记提到说这个播放器不管在 IE 或是 FIREFOX 或是 GOOGLE CHROME 什么的都能正常那个播放喔...
我换了我侧栏的播放器好久好久了，原本想说做一个教学 = = 这个念头就这么一拖，拖了几个月
这个教学我怀疑自己会不会表达到含糊不清 = = 如果有什么问题可以留言～
比起 previous 的，这个除了以经可以在 IE 里正常显示+播放（以前的也可以，只是我的语法错了）也添加了几个新功能～
这是播放器的官网：http://www.alsacreations.fr/dewplayer-en
那边什么叫教程都没有，我上了谷歌找了很久才发现：厚！ XML 文件不就是关键吗？
这个播放器适合那些喜欢听歌却懒得开电脑播放器（或是根本懒得下载电脑音乐播放器的）以及
懒得更换歌曲且对目前的播放器极度不满意的博客～呼，描述到这样长。最重要的还是适合比较喜欢单调的人...
=)
在进行教程之前最好有一个 fileden 户口，没有的话赶快开一个，有的话就赶快 login
若没有 fileden 户口，你的播放器就不能完整的操作。
×××
STEP 1：下载相关文件
点击这个 link 下载播放器的壳：http://www.box.net/shared/brujmbjris
上面的 link 是绝对没毒的～可以安心下载。
打开后你会看到 zip 里面有两个文件，
dewplayer-playlist.swf 就是播放器的外壳，playlist.xml 就是播放器的内涵～赫赫
请把里面的两个 file 给 drag 去 desktop。
STEP 2：上传你要的歌曲
为了美观，个人建议最好上传 minimum 9 个你要放的歌曲。每个歌曲必须用英文字母来命名喔...
还有不要忘记的是你的歌曲一定是要 MP3 格式 !!!
所有的歌曲上传完毕后就回到 FILES 开始另一番大工程～！=)
在你的文件按右键然后 properties，再然后点击 linking codes 的 URL 你就会拿到 MP3 URL 了
×××
STEP 3：
回到去刚才 STEP 1 DRAG 去 desktop 的那两个文件...right click playlist.xml 然后点击 EDIT。
如果你 double click 那个文件的话是直接帮你开 IE 然后出现乱码，现在我们要做的就是修改 xml 文件
=) 你们打开后就会出现这样的字眼。如果要添加歌的话只需要添加以下的语法罢了...
除了以下提及的语法可以修改以外，其他的麻烦不要去更改～
<track>
<title> blahblahblah </title>
<location> http://www.muzitesting.mp3 </location>
</track>
这个是我的：
基本上，到现在你们看得明白吗？ @@ 很简单，title 就是歌名 ...location 就是刚才提及的 MP3 URL。
添加歌曲完毕就 save as
记得在文件名后面加上 .xml 以及 save as type: all files。
过后把刚才下载还有已经修改的 xml 文件上传去 fileden...
拿到 link （上图）之后把以下的 code 给 copy paste 进你的部落后台放挂件的地方，
然后把上图得到的 link 放进以下 highlight 起来的部分。
<object type="application/x-shockwave-flash" data="http://www.blahblahblah/dewplayer-playlist.swf?&" width="240" height="200">=) 基本上教程到这里已经完了。
<param name="movie" value="http://www.blahblahblah/dewplayer-playlist.swf?&" />
<param name="flashvars" value="xml=http://www.blahblahblah/muziplaylist.xml" />
</object>
但是以上的 code 是不会让你的播放器 auto start 或者是 auto replay 也或是 auto resume 的。
我是参考这个网页：http://www.boutell.com/newfaq/creating/audio.html
这是比较常用的：
&autostart=1 （自动播放）
&autoreplay=1 （循环播放）
&randomplay=1（随机播放）
若你要给他 autostart 的话就在 swf? 后面加 以上的字眼，如下。
以上。希望网友会一目了然 =)
在上面忘记提到说这个播放器不管在 IE 或是 FIREFOX 或是 GOOGLE CHROME 什么的都能正常那个播放喔...
Response :
Trackbacks
,
(16) Comments
Trackback URL : http://ifublog.com/muzi/trackback/363
