[Html]如何建置音樂播放面板?

Come some music for the nice weekend~~

在資訊爆炸的網路世界中，以網頁呈現的操作介面應該是目前最多人使用的，為了能夠擁有多樣工具可以撰寫合適的操作介面，於是進入html的世界。

在網頁或部落格中建立音樂播放面板可以有蠻多方式，其中部落格常會提供音樂播放面板模組，經由拖拉和提供音樂置放空間，讓部落客無痛建立，並以音樂播方的方式來傳達或是豐富其部落格內容。然而，若希望未來能夠具有一定程度來撰寫合適的操作介面，我想一些基本的html語法還是得了解的。

ok，拿了一個音樂播放面板的題目來練習。仔細一想，在網頁中建立一個音樂播放面板，元素須要有下列三項:
1.找一個網路空間置放音樂，該網路空間需支援mp3格式播放同時穩定存活，不容易在這汰弱留強的產業競爭中，無意間倒閉^^"。
2.與網頁相容性的音樂播放面板取得。
3.挑選出對部落格或網頁"加分"的音樂。

找出對的問題，問題就已經解決一半了。以微軟歷久彌新的發展歷史和個人使用習慣，選擇SkyDrive來存放音樂。下列是將音樂上傳到SkyDrive後，並取得音樂連結的說明:
a.將音樂上傳到SkyDrive後，對著音樂檔案按右鍵，選擇"分享"，選擇"取得連結"並選擇"讓它公開"，複製該連結並點擊"完成"，如下圖一和圖二所示。Note:請不要縮短該連結

圖一

圖二

b.上述的連結需要再經過轉換，才可以在線上播放。按我轉換。
c.經過轉換後，取得一組mp3連結網址。

第一個元素已經解決了，接著就是取得與部落格相容的音樂播放面板。Google有出一款Google Media Player，印象中若Gmail中的附件是mp3檔，直接點選該mp3檔，即會在Google Media Player直接撥放，經由測試也與Google blogger相容。只要將下列語法貼到部落格的html編輯頁面即可。Note: 請記得將語法中的MP3網址換成剛剛取得的mp3連結網址。

ok,第二個元素也順利解決了。第三個元素嘛~~這就要看各部落格和網頁的主題性質了。(OS: 一個宣揚基督教的宗教網頁，有可能播放電音舞曲加強版，來個"凍次~凍次~!?)