教學〞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 台灣 授權條款釋出。
。歡迎分享。姓名標示。非商業性。禁止改作。
創作者介紹

優小米瘋話畫。Mazz Design。

優小米 發表在 痞客邦 PIXNET 留言(68) 人氣()


留言列表 (68)

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

    優小米 於 2009/05/22 16:05 回覆

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

    優小米 於 2009/05/22 16:09 回覆

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

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

    優小米 於 2009/05/26 20:49 回覆

  • 企兒
  • 謝謝小米!!!!

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

    優小米 於 2009/05/26 21:48 回覆

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

    優小米 於 2009/05/26 22:03 回覆

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

    優小米 於 2009/05/26 22:04 回覆

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

    優小米 於 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? 試試看^^

    優小米 於 2009/05/26 22:41 回覆

  • 吐司
  • @@

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

    優小米 於 2009/06/03 16:02 回覆

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

    優小米 於 2009/06/03 16:42 回覆

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

    優小米 於 2009/06/11 22:30 回覆

  • 悄悄話
  • 布丁
  • 好難丫
  • みずほ
  • 我終於弄成功了..
    太感謝米米了..
    很棒的播放器..
    給予支持..
  • 卡卡
  • 我拿了喔

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

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

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

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

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

    爱情的乳化
  • michellhuang1995
  • 好難喔~
    米米你好利害
    我真是...五體投地
  • circle
  • 我找不到播放器下載的連結耶@@
  • dreams17
  • 請問下載連接在哪裡呢?
    我找了好久都找不到.
  • 小全
  • 我找不到連結ˊˋ
  • 悄悄話
  • 星戀
  • 謝謝妳囉ˇ!!!

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

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

    Thanks a lot. I know how to use this already.^^you are very patient^^
  •  ★ 小望 ☆
  • 謝謝米米

    米米好用心喔!謝謝米米 可是我有點不會用
  • yurikosanji
  • 小米~~真的很謝謝你,
    這裡有好多好多好棒的東西,
    讓我的部落格變得好漂亮>///<
    謝謝你的mp3播放器,
    我拿走囉~~>3<
  • anna
  • 音樂播放器教學

    米米教的真好,感恩分享唷!!!
  • mo
  • 小米的東西好可愛!!><
  • 潔穎
  • 米米真的好可愛喔~
    我還是不會也 = ="
    能請你幫我做嗎?

  • chocolate4428
  • xml音樂播放器使用教學

    你好, 我跟足你教學去做,個人空間也是miroko,圖樣有走出來可是音樂卻沒有,為什麼會這樣?之前我用另一個空間是可行的,後來不知為什麼聽不到音樂才轉用miroko,可是一樣也不行,請教教我,thanks^^
  • XiaoHai
  • 晕死了

    好痛苦哦
    我是无名的使用者~
    我今天从早到晚都在弄这个播放器==''

    结果还是没有团显示出来 0.0
    然后我的语法竟然变成这样了 0.0

    <div align="left"><embed allowscriptaccess="never" width="180" height="200" wmode="transparent" flashvars="playList=http://www.onlyumi.miroko.tw/mp3player.xml"></embed></div>


    我也有用你其他的小玩意哦~
    可是都有显示出来的说 ==''
    请问这个播放器没能弄出来是什么原因啊?? 0.0
  • 品品
  • 謝摟
  • 品品
  • 謝摟
  • 米米的迷
  • 為什麼不能複製呢?

    米米:
    我想請問你喔!為什麼不能複製你的語法啊?而且出現[無法顯示網頁]的字阿?為什麼呢??迷很想知道耶~還是故障啦??米米你告訴我好嗎?
    annv0721@yahoo.com.tw
  • baby josephine
  • how?

    how 2 creat the player list?
  • chen
  • 謝謝

    呼~弄了一整個下午
    終於 完成了。
    謝謝米米這麼用心的教學=)
    好開心^Q^
  • 悄悄話
  • 尤靚
  • 感謝

    你好:我有下載你的播放器到我部落個測試使用@@~很可愛的播放器,還有謝謝你的教程,很清楚明瞭^^
  • zhuu
  • hi

    我要~~
  • career92
  • 謝謝小米,感覺每次來都有新發現呢!!
    等等來好好研究一下^^
  • Erny Chau
  • 救命呀 !

    救命呀 !!!
    在哪儿 ..找點擊檔案下載連結?!!!!
    TT""
  • 晕-特 wynter
  • 小米, 在那里可以下载到你的音乐播放器?
    好可爱哟 :)
  • ♥囧妹♥
  • 我看不懂呀·能不能帮帮忙·帮我弄弄·我真的很想要呀·
  • Eunice
  • 我下载了,可是怎么我的icon 和你的不同呢?而且没有压缩建噢。。。请问压缩的英文是什么?
  • cathys19771225
  • 小米您好啊
    想要先謝謝您,有這麼一個豐富的網站耶 ^^
    另外我想問您一件事,我申請了miroko的帳號,我想下傳檔案時,一直按不出任何反應耶~怎麼會這樣~
    我的文件>個人首頁>按上面的下載檔案就都沒任何反應????
    救命啊 @@
  • 悄悄話
  • 螞蟻
  • 小蟻=螞蟻仔

    大家好....我是螞蟻仔...^^
  • 柠檬
  • <div align="center"><embed src="爱音乐的我^^" quality="high" width="180" height="200" wmode="transparent" flashvars="playList=xml檔案網址貼這裡"></embed></div>
  • baobao_825
  • 我照做了都不行吖~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~救命~~~~
  • 成交高手-吳月燕
  • 小米好棒~原本還搞不清楚如何使用~現在有點懂了^^趕快來試試看
  • 訪客
  • 对不起哦~~我不明白耶~~怎么办
  • 笨金鱼
  • 谢谢米米,好棒的播放器^_^
    偶成功了Y^^Y
  • haon
  • 播放器~~~~
  • 欣★
  • 好難喔...:(
  • 悄悄話