之前雖然寫過了這個播放器的文章,但當時的文章其實不是很詳盡...
也有很多人留言問了問題等等,我想我還是重新好好整理一次!!
而且這次是大補帖系列,就是單曲多曲都一次滿足各位~ Let's go!!

首先,閣下要先準備存放音樂的網路空間,沒有的話老身推薦 http://www.fileden.com/

註冊步驟如下:

Step.1 點選選單上的 Register 進入註冊頁面
Step.2 選擇 free 的 Personal Account (當然會有一些規定要記得去讀一下)
Step.3 接著就只是資料填寫很簡單的

另外他最後會自動勾一個: Also activate my FREE 10GB CX.com cloud account
這個選項是另外一個雲端空間,我還沒去看過... 改日去參祥一下
勾了會寄信到你註冊的這個信箱去,問你要不要註冊,但不會真的註冊下去就對了
所以可以看你要不要,不要就取消打勾

接著就可以開始上傳檔案了
上傳之後在檔案上點右鍵選 Properties... 就可以看到一個 URL 的連結,點進去可以複製這個檔案的網址


準備就緒之後... 就可以開始認真看以下的文章了 (前面還真是落落長阿~)

--

dewplayer
<object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer.swf" /> <param name="flashvars" value="mp3=請貼上你的MP3網址&amp;showtime=1" /> </object>

dewplayer - Mini
<object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer-mini.swf" width="160" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer-mini.swf" /> <param name="flashvars" value="mp3=請貼上你的MP3網址&amp;showtime=1" /> </object>

dewplayer - Bubble
<object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer-bubble.swf" width="250" height="65" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer-bubble.swf" /> <param name="flashvars" value="mp3=請貼上你的MP3網址&amp;showtime=1" /> </object>

dewplayer - Multi (多曲)
<object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer-multi.swf" /> <param name="flashvars" value="mp3=請貼上你的MP3網址|請貼上你的MP3網址|請貼上你的MP3網址&amp;showtime=1" /> </object>

dewplayer - Rect (多曲)
<object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer-rect.swf" width="240" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="http://www.fileden.com/files/2012/4/2/3286395/dewplayer/dewplayer-rect.swf" /> <param name="flashvars" value="mp3=請貼上你的MP3網址|請貼上你的MP3網址|請貼上你的MP3網址&amp;showtime=1" /> </object>


1. 多曲播放 mp3 網址之間請用 "|" 符號隔開
2. 自動重播請在最後一個 mp3 網址後面加上: &autoreplay=1
3. 自動播放請在最後一個 mp3 網址後面加上: &autostart=1
4. 本文章中語法的播放器 swf 檔案是放在我申請的空間,如果可以請換成自己的網址,否則哪天爆掉就顯示不出來了


有興趣的人可以直接去他官方網站下載整包來玩: Dewplayer
下載後會出現更好玩的版本,只不過他還要撈 xml 檔,可以自己試著玩玩看~

arrow
arrow

    Leah 發表在 痞客邦 留言(3) 人氣()