教學〞xml音樂播放器使用教學♥

♥ 打造你專屬的音樂空間!

 

 

 


flash+xml音樂播放器,
是網路上廣為流傳的技術,
讓flash透過xml建立的音樂路徑,
實現無限曲目數量、隨機播放、音樂不間斷的播放功能,
打造你專屬的音樂空間!

使用方法雖然較複雜,
但只要耐心的跟著米米的教學步驟,
真的真的一點也不難喔!

 

step1.下載音樂播放器

因為flash+xml技術的音樂播放器,
必須將swf及xml檔案存放在同一個空間或資料夾使用,
所以一定要自行下載音樂播放器檔案並上傳到你的個人空間喔!
首先,請點選米米在發表音樂播放器的文章中所提供的檔案下載連結,
下載所需的檔案喔!

--------------------------------------------------------------------------------------------------------------------------------------------

1.點擊檔案下載連結。




2.在新開啟的下載頁面中,點擊下圖標示的按鍵。



----------------------------------------------------------------------------------------------------------------------------------

3.依照下圖步驟將檔案儲存到你的電腦。

 


----------------------------------------------------------------------------------------------------------------------------------

4.依照下圖步驟,將下載的檔案解壓縮。

 

----------------------------------------------------------------------------------------------------------------------------------

5.完成解壓縮後,會得到兩個新檔案。


----------------------------------------------------------------------------------------------------------------------------------

 

 

step2.建立播放清單

修改step1中,解壓縮後取得的mp3player.xml檔案,
建立你專屬的音樂播放清單。

--------------------------------------------------------------------------------------------------------------------------------------------

1.使用[記事本]開啟mp3player.xml檔。

 
 
----------------------------------------------------------------------------------------------------------------------------------

2.依個人喜好設定播放模式。

 

----------------------------------------------------------------------------------------------------------------------------------

3.設定音樂路徑。

 既然是網路音樂播放器,當然要把mp3檔案上傳到網路空間裡才能使用喔!
 如果你本身已有慣用的網路空間或音樂網址,就延續使用即可,
 如果你不知道如何取得mp3網址,請點這裡看上傳教學。

 
 如果跟米米一樣使用的是miroko空間,你正確的音樂路徑應該像這樣。
 範例:
 紅色標示部分應為你的miroko帳號
 綠色標示部分應為你的檔案名稱
 <song path="http://yummi13.miroko.tw/song_01.mp3" title="曲名01" />
 <song path="http://yummi13.miroko.tw/song_02.mp3" title="曲名02" />
 <song path="http://yummi13.miroko.tw/song_03.mp3" title="曲名03" />
 <song path="http://yummi13.miroko.tw/song_04.mp3" title="曲名04" />
 (這是範例,檔案並不存在,所以連結是無效的,音樂檔案請自行上傳喔!)

 >>點這裡看檔案網址如何取得<<


 

----------------------------------------------------------------------------------------------------------------------------------

4.儲存xml檔案。

 

----------------------------------------------------------------------------------------------------------------------------------

 

 

step3.上傳檔案至你的個人空間

米米建議使用的空間是http://www.miroko.tw
可以將mp3檔案、swf檔案、xml檔案都存放於此,
作為專屬的音樂空間,且方便管理喔!
如果你本身已有慣用且支援xml檔案的網路空間,
就延續使用即可。

--------------------------------------------------------------------------------------------------------------------------------------------

1.登入你個人的網路空間。(這裡以miroko空間為例)

  >>點這裡看miroko使用教學<<

  如果你本身已有慣用且支援xml檔案的網路空間,
  可忽略這個步驟。

--------------------------------------------------------------------------------------------------------------------------------------------

2.上傳檔案。

 將修改好的音樂清單(mp3player.xml)以及面版(xxx.swf)上傳到你的個人空間裡。
 並取得這兩個檔案的檔案網址。

 >>點這裡看如何上傳檔案<<

 如果跟米米一樣使用的是miroko空間,你正確的檔案網址應該這樣。
 範例:
 紅色標示部分應為你的miroko帳號
 綠色標示部分應為你的檔案名稱
 http://yummi13.miroko.tw/mp3player.xml
 http://yummi13.miroko.tw/mp_warm.swf
 (這是範例,檔案並不存在,所以連結是無效的,請自行上傳檔案喔!)

 >>點這裡看檔案網址如何取得<<
 
 而米米建議大家使用miroko的好處有以下幾點:
 
 1) miroko支援的檔案格式沒有太多的限制,
  mp3檔案、swf檔案、xml檔案都可以統一存放在一個空間裡,
  方便管理。

 2) miroko的檔案網址具規則性,
  如:http://(你的miroko帳號).miroko.tw/(檔案名稱)
  如果你同時上傳了很多首mp3,
  米米會建議你把這些mp3的檔名以數字編號,
  例如 song_01.mp3、 song_02.mp3、 song_02.mp3
  這樣當你在編寫音樂清單(mp3player.xml)時會快很多,
  因為你只需要複製貼上相同的路徑,
  修改數字的編號即可。
  如:
  紅色標示部分應為你的miroko帳號
  綠色標示部分應為你的檔案名稱
  <song path="http://yummi13.miroko.tw/song_01.mp3" title="曲名01" />
  <song path="http://yummi13.miroko.tw/song_02.mp3" title="曲名02" />
  <song path="http://yummi13.miroko.tw/song_03.mp3" title="曲名03" />
  <song path="http://yummi13.miroko.tw/song_04.mp3" title="曲名04" />
  (這是範例,檔案並不存在,所以連結是無效的,請自行上傳檔案喔!)
  
 3) 更新音樂清單(mp3player.xml)內容,只需重新上傳檔案即可,
  也許今天你建立好並上傳完成了音樂清單,
  忽然又想新增一些歌,或更改播放設定的模式,
  只要將修改好的音樂清單(mp3player.xml)重新上傳到你的miroko空間,
  新上傳的檔案,會自動覆蓋相同檔名的舊檔。
  而且檔案網址維持不變(也就是你的部落格側欄語法不需因為清單重傳而重新設定)。

 4) 如果5G的空間放不下了怎麼辦?
  檔案的存放只有一個原則,
  面版的swf檔以及播放清單的xml檔,一定要放在同一個空間裡,
  mp3檔案可以另外申請新的miroko帳號存放,
  如果你跟米米一樣懶惰,可以以數字變化帳號,
  例如米米範例中的帳號是yummi13,之後再申請yummi14來放更多的音樂時,
  音樂清單的路徑也只稍作修改即可。
  <song path="http://yummi14.miroko.tw/song_01.mp3" title="曲名01" />(yummi14空間裡的音樂)
  <song path="http://yummi13.miroko.tw/song_02.mp3" title="曲名01" />(yummi13空間裡的音樂)
  不同空間裡的音樂,檔名一樣也沒有關係的。

--------------------------------------------------------------------------------------------------------------------------------------------

 

step4.把音樂播放器放入部落格

在step3中,我們已經成功取得了xml檔以及swf檔的網址了,
接下來只要把音樂播放器嵌入部落格欄位裡就大功告成囉!

--------------------------------------------------------------------------------------------------------------------------------------------

1.複製下面框框中的語法,比照各部落格語法使用教學,將語法貼入你的部落格側欄裡。

 
 滑鼠移到虛線框框上會自動反白全選語法,
 反白後,按ctrl+c即可複製語法。

--------------------------------------------------------------------------------------------------------------------------------------------

2.修改swf網址以及xml網址

 step3中我們取得的網址如下:
 紅色標示部分應為你的miroko帳號
 綠色標示部分應為你的檔案名稱
 http://yummi13.miroko.tw/mp3player.xml
 http://yummi13.miroko.tw/mp_warm.swf
 (這是範例,檔案並不存在,所以連結是無效的,請自行上傳檔案喔!)

 依照語法中指示的位置貼入網址後,
 正確有效的語法應為

 <div align="center">
 <embed src="http://yummi13.miroko.tw/mp_warm.swf"
 quality="high" width="180" height="200"
 wmode="transparent"
 flashvars="playList=http://yummi13.miroko.tw/mp3player.xml"></embed></div>

 >>不知道語法應該貼在哪,請點這裡看教學<<

--------------------------------------------------------------------------------------------------------------------------------------------

3.套用其他swf面版

 以後米米如果有推出新款的xml音樂播放器,
 只需要將新款的音樂播放器檔案中的swf上傳到相同的空間裡即可。
 不需要重新建立播放清單就可以直接套用了喔!
 別忘了把語法中的swf改為新的swf檔案網址喔!

--------------------------------------------------------------------------------------------------------------------------------------------


xml音樂播放器使用教學到這裡大功告成囉!
雖然使用上看起來很複雜,
習慣之後,其實會發現很好用喔!
希望米米寫得夠清楚,不會讓大家看得霧煞煞,
有任何問題都歡迎提出來喔!^^

 

 

 

優小米瘋話畫。Mazz Design。作品由優小米製作,
創用CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款釋出。
。歡迎分享。姓名標示。非商業性。禁止改作。
Bookmark: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl Bookmark to:YouPush Bookmark to:你推我報

Posted by yummi11 at 痞客邦 PIXNET Comments(33) Trackback(1) Hits(11360)

open trackbacks list Trackbacks (1)

Comments (33)

Post Comment
  • Private Comment
  • 可愛的小米
    辛苦了
    那麼仔細的說明
    YOYO媽終於成功了
    對了~只能放MP3不能放WMA的嗎?
  • yoyo媽真棒呢^^
    只支援mp3喔~wma是不行的^^

    yummi11replied on 2009/05/22 16:05

  • 貼心的米米~
    辛苦的教學^^
    花花一定會好好學習的XD
    才部會枉費米米這麼辛苦^^
    哈哈ˇ
  • 為了發表新的音樂播放器
    反而花了更多時間在寫教學呢~
    花花乖乖~
    要用心學喔XDDD

    yummi11replied on 2009/05/22 16:09

  • 米米
    我下載了
    怎不能解壓縮呢><
    點右鍵了 看不到解壓縮的: (
  • 嚕嚕該不會沒有安裝解壓縮程式吧
    http://toget.pchome.com.tw/intro/utility_file/utility_file_compression/23423.html
    這個網址可以下載得到喔

    yummi11replied on 2009/05/22 16:16

  • 米米超用心的呢
    做了小玩意還要做教學
    還介紹了好幾款好用的上傳工具
    在這xml教學,讓我上了一課呢
    謝謝米米的用心跟分享

  • 呼~寶寶好體貼唷!
    教學文章真的是寫起來很累人
    不過可以讓大家都容易上手
    再辛苦都是值得的呢^^

    yummi11replied on 2009/05/26 20:49

  • 謝謝小米!!!!

    寫得好詳細~XD
  • 不用客氣喔!
    請慢用囉^^

    yummi11replied on 2009/05/26 21:48

  • 有點麻煩呢!(好像是自己太懶XD)
    等有空在來用唄~~
  • 呵~只是看起來麻煩而已
    其實不難喔^^

    yummi11replied on 2009/05/26 22:03

  • 米米真用心呢~
    還做了好多教學˙ˇ˙
  • 謝謝唷~
    這是應該的呀~^^

    yummi11replied on 2009/05/26 22:04

  • 無名不能使用喔??
    害我弄了老半天....
    阿嗚....................
  • 請使用無名支援的空間才能使用喔^^

    yummi11replied on 2009/05/26 22:40

  • <div align="center"><embed allowscriptaccess="never" width="180" height="200" wmode="transparent" flashvars="playList=http://eeaaiill.miroko.tw/mp3player.xml"></embed></div>
    貼上語法後
    無名的就變成這種語法!!
    swf那一段會自動消失..........@@
  • 請把語法中 .swf" 改為 .swf? 試試看^^

    yummi11replied on 2009/05/26 22:41

  • @@

    小米....
    我把SWF"改成SWF?一樣不行耶!!
    該不會只有我無名不能使用吧!!>"<
  • 米米測試的結果
    無名可能不支援xml音樂播放器喔^^

    yummi11replied on 2009/06/03 16:02

  • 米米~我是無名的使用者
    該用哪種支援空間>"<
  • 不好意思唷~
    無名的限制實在太多哩
    米米目前也不曉得無名有哪個空間可以適用呢 ><

    yummi11replied on 2009/06/03 16:42

  • 請問這個撥放程式只能用MP3檔案嗎?
  • 是的~
    只支援mp3格式喔^^

    yummi11replied on 2009/06/11 22:30

  • Private Comment
  • 好難丫
  • 我終於弄成功了..
    太感謝米米了..
    很棒的播放器..
    給予支持..
  • 我拿了喔

    我拿了喔謝謝
  • 疑問~拜託米米解答

    我使用音樂播放器的語法貼上,可是最後變成<div align="center"><embed allowscriptaccess="never" width="180" height="200" , 我的網址被吃掉了(變成never),所以圖都出不來 拜託米米囉
  • 請教大大

    我有把檔案上傳到miroko和BOX,都有照您的方法下去用,但當我把語法貼在資料夾時,無名不支持這個語法,想請問一下,有什麼方法可以解決,還是您可以介紹一下有哪個免費空間無名可以支持的,請求大大幫忙我一下,因為我很喜歡大大您製作的東西~拜託您能告訴我嗎??謝謝!!
  • 音樂??

    我可以請問一下
    為何我ㄉ音樂這次修改別人聽不到ㄋ
    可我自己又聽的到

    之前大家還可以聽到壓
    為何今天換ㄌㄍ大家都沒聽到ㄌㄋ
    是我程式有問題ㄇ
    可以交交我ㄇ
    感恩 感恩
  • 請問案哪下載
  • Private Comment
  • ...

    爱情的乳化
  • 好難喔~
    米米你好利害
    我真是...五體投地
  • 我找不到播放器下載的連結耶@@
  • 可以幫幫我ㄇ?

    我把語法貼給你 ~你試試看我每一個步驟都做了可是放不了無名阿!!
    都快瘋了

    <div align="center"><embed src="http://water8585.miroko.tw/mp_warm.swf" quality="high" width="180" height="200" wmode="transparent" flashvars="playList=http://water8585.miroko.tw/mp3player.xml"></embed></div>
  • 請問下載連接在哪裡呢?
    我找了好久都找不到.
  • 我找不到連結ˊˋ
  • Private Comment
  • 謝謝妳囉ˇ!!!

    我正在煩惱沒有上傳空間.....
    看見妳的文章後,就找到上傳空間!
    而且你交的很仔細,謝謝妳ˇ
  • 米米~
    我明明都照你所說的去用了
    為什麼圖片還是沒跑出來阿T.T
  • 教學" xml音樂播放器

    想問這教學適合用在css嗎?
    另外我找不到你壓縮那個file?
  • 壓縮file已找到了, thanks
    但跟足你做法也沒音樂連播放器也沒有
    請問語法應貼在那裏?
    如想放在主頁頭頂的中間應怎樣做呢?
    thanks

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment