教你如何製作MP3 Player~做一個專屬自己的音樂盒~

 


本文參考314、隨意、獨來獨往的Flash播放器教學。


玄音受益良多,今再把它整理圖解說明。


讓您更能上手應用 MP3 Player,做個屬於個人風格的MP3音樂盒。


感謝~


多重聯播音樂語完整教學314分享


http://tw.myblog.yahoo.com/monkey_014148/article?mid=4286&page=1#4996


感謝 無名-↙ 隨 意 ~ 《Jiang﹏Yun》* 分享


http://www.wretch.cc/blog/JiangYun&article_id=3759040&page=3#comment63158504


感謝-無名-獨來獨往 分享


http://www.wretch.cc/blog/yehcathy&article_id=2928536&page=3#comment62928630


感恩三位大大無私的教學分享~


 



 


作法:


 


 首先要有一個自己的 網路空間 ,才能上傳文件。


 玄音建議若是沒有 網路空間 的朋友,可以使用奇摩個人網頁,或者教您如何 申請雅虎香港網頁空間教學

 請把要放進音樂盒的歌曲網址找出來。


  (※注意: 網址要絕對是網路空間上的網址,且能連結的喔!可以先試聽看看。)


 



 


步驟一 請先下載 FLASH MP3 PLAYER 播放器。


 


下載點:


 


 FLASH MP3 PLAYER(正常版)


 FLASH MP3 PLAYER(縮小版)


 IPOD型式


 


※ 三種版型差別在於面版不同。其製作方法都是一樣的。


正常版↓



縮小版↓



IPOD型式↓



 



 


步驟二 請選一個喜歡的版型下載,完成解壓縮後,會在您解壓的路徑位置看到圖一裡的所有檔案。(玄音選擇正常版測試製作音樂盒。)


 


圖一 解壓縮後,會看到這些檔案。


 



 


※ 或只是看到一個資料夾。(只要在資料夾點選兩下,直到出現圖一裡的檔案為止。)


 



 



 


步驟三 


 


1. 點選 mp3player.XML,按右鍵,點選內容。


 



 


2. 點選內容後,會出現內容視窗,請點內容進入↓


 



 


3. 出現mp3player.XML 內容視窗,請點擊變更按鈕。↓


 



 


4. 進入變更後,會出現開啟檔案視窗,請點選Notepad(記事本),再按確定。↓


 



 


5. 開啟檔案視窗按確定之後,內容視窗也要按確定。然後會回到檔案畫面。


 



 


6. 這時再點擊 mp3player.XML 兩下,就可以打開記事本了。


 



 



 


步驟四 編輯記事本內容,看是要調整語法指令,或是添加歌曲,或是修改名稱。


 


1. 把要放入音樂盒的歌曲網址照記事本的指示,一一貼入記事本中。


 


下列語法為記事本原本內容↓


  

UTF8"?>
autoStart="random">


   MP3網址" title="歌名-歌手" />
   MP3網址
" title="歌名-歌手" />



 


↑語法說明:


 


player showDisplay="yes" showPlaylist="yes" ←(是否顯示歌單)


autoStart="random" ←(是否自動播放或隨機播放 yes/no/random)


" title="音樂名稱" ( "歌名-歌手")/>


儲存檔案時一定要存成 .UTF-8


 



 


2. 在最上面解說時,我有把歌曲網址都列出來,現在一一將它貼入記事本裡面了。


  貼好了之後,就要存檔囉!點記事本的檔案進入,選另存新檔。下圖所示。↓


 



 



 


※ 注意: 


 


 有時網路空間分享的音樂網址,會有時間限制,而被刪除。


  或者上傳者刪除而無效。所以在放入音樂盒之前一定要先試聽看看。


  若不想音樂不能連結而無法聽,那麼就自己上傳到網路空間。


  可以上傳到Xuite或是奇摩個人網頁。


  音樂檔都必須是mp3,且須放置在網路空間的。可依自己的需求 複製 調整 音樂多寡 。


 



 


步驟五 以上都步驟都OK後,就要把修改好的記事本內容存檔了。


    記事本→檔案→另存新檔→


 


    ※ 用另存新檔存檔比較好


    ※ 檔名一樣取 mp3player


    ※ 編碼一定要選UTF-8


    ※ 存檔時,絕對要記住存檔路徑喔!


 



 



 


步驟六 儲存完後要開始上傳檔案。


 


 1. ↓登入奇摩,開啟奇摩個網(或其他個人網頁)開始上傳。


 



 


 2. 點右上角的檔案總管進入→然後將拉桿拉到下方瀏覽器上傳


 3. 點瀏覽進入,下圖中四個藍色檔案都要上傳喔!


 4. 瀏覽進入自己的電腦硬碟,找到剛剛存檔的檔案路徑,點選開啟後,再點選,逐一將這檔案點選。


 



 


5. 四個檔案都點選完後,會列在瀏覽表上請按上傳檔案。(奇摩一次可上傳五個檔案,開始上傳了)


※ 也可以只上傳 mp3player.XML 和 mp3player.swf 這兩個檔案。


 



 


6. 檔案上傳成功了。


上傳成功後,只要叫出mp3player.swf 網址,再套上語法,就可以把自製的音樂盒貼在部落格了。


 



 


※ 到這裡, MP3 Player 音樂盒終於完成了直接點上傳成功的 MP3 Player.swf ,可以馬上驗收成果喔。)


 



 


步驟七 奇摩部落格中插入播放程式介面語法:


 


語法範例:


 


mp3player.swf的網址" width="270" height="280">

 


 


 



 


其他顏色播放器下載


面版修改者為-無名-獨來獨往 站長~感恩分享~


 ※下列面版皆為縮小版使用。


 


0.原版 1. 黑色版 2. 粉紅版 3. 黑紅版 4. 深紫版 5. 紅色版 6. 粉藍版


7. 天空藍 8. 9. 粉紫版 10. 淺粉紅 11. 鵝黃版 12.草綠版




 


面版 更換方法:


下載喜歡的面版色檔案,解壓縮之後~(解壓縮之後是 .SWF 檔)


再上傳到個人網頁空間覆蓋就可以了。


檔名要一樣是:mp3player 這樣才能覆蓋原來的.SWF 當喔。


 



問題集:


 


€ 調播放器背景的寬高是加入:width="130" height="180" ←可以自行測試調整。


€ 如何在XUITE的空間中上傳音樂檔請參考314教學檔。


 圖解免費的 影音 部落格 申請教學


 XUITE部落格音樂、影片 下載法


€ 播放器背景灰灰的 ←在語法中加入 wmode="transparent" (在奇摩部落格這個指令無效.)


€ 好用的音樂轉檔(感謝314教學)  2005音樂精靈


http://tw.myblog.yahoo.com/jw!zo1RlCmfHxlEo2UTXCcDzads5GkC/article?mid=537


€ 為甚麼歌跑的不順或太快?


音樂檔若有這種問題,建議你換一個音樂檔。
通常一般的 音樂檔, 都設定在128bit,44100赫茲。
128bit 高 就會變快。 反之 就會 變慢 用
轉檔也可以解決這個問題。


 


PS:歡迎引用指教,所有圖檔皆為空間網路網址,所以複製時就不用擔心圖圖會不見了。










cookie 發表在 痞客邦 PIXNET 留言(0) 人氣()