HTML5 MP3 Player 免裝音樂播放器用瀏覽器聽硬碟裡的mp3音樂

創造力很強大的16歲程式高手，繼之前推出了「Drag2Up 直接拖曳檔案、圖片到社群論壇留言欄就能上傳分享！」、「Cloud Save 免上傳下載，線上圖片,檔案直接另存新檔到雲端硬碟」這兩款創新的網路工具後，現在又推出了一個新的網站：「MP3 Player」，簡潔明瞭的名字，告訴用戶可以把這個網站直接當做電腦中的mp3音樂播放器軟體。

「MP3 Player」是一個「網站」，不過它的內容則是以HTML5規範製作出來的音樂播放web app，目前必須使用「Google Chrome」瀏覽器來操作，網站不需登入，操作起來也非常簡單，就像mp3音樂播放軟體一樣可以選取硬碟中的mp3檔案、規劃播放清單、隨機播放、調整音量等等。

當然mp3 player只是一個簡單的實驗性作品，但從「一個直接用瀏覽器播放硬碟音樂檔案」的簡單工具中，似乎也可以看到「未來瀏覽器作業系統」的可行性。

• MP3 Player：http://antimatter15.github.com/player/player.html
• 設計者部落格：http://antimatter15.com/wp/2011/03/mp3-player/

 

01.

使用Google Chrome瀏覽器進入「MP3 Player」網站，會看到網頁中央有一個〔選擇檔案〕的按鈕，請點擊下去。

 

02.

接著就會要你選擇硬碟中的mp3音樂檔案資料夾，它可以自動搜尋好幾層的子資料夾，所以你可以設定抓取儲存好幾張專輯的母資料夾，mp3 player就會把裡面所有的歌曲都找出來。

 

03.

找到的歌曲會先列出在左方的列表中，這時候你可以點擊左方列表中的幾首歌曲，將它們加入到「右方」的真正播放清單中。

 

04.

好啦！接著點擊右方播放清單裡的歌曲，就能開始聽歌了！而在網頁下方也可以看到一些播放控制工具，例如調整音量、播放進度，還可以點擊「Shuffle」隨機播放。

 

05.

做為一個單純網頁，MP3 Player讓我們直接用瀏覽器聽歌，不需要另外安裝或另外打開MP3音樂播放軟體，只佔用一個小小分頁的空間，非常的有趣，推薦大家可以玩玩看。