2013-07-28 49 views
0

我父親有一天要求我扯開幾張CD,他希望能夠在任何地方播放它們。我認爲最好的辦法是將它們放在我的服務器上,並有一個腳本顯示所有的MP3,他可以選擇一個或多個,然後點擊播放按鈕。似乎沒有這樣的應用程序,使用起來很簡單。您可以播放音樂文件而無需特殊腳本,但無論如何要連續播放多個音樂文件?例如,我有一個頁面,「music.html」帶有一個按鈕「披頭士」。我可以播放/ beatles /下的所有歌曲,然後返回到該HTML文件嗎?玩一串MP3

謝謝!

+0

最好的辦法是用一個像Google Drive或Dropbox這樣的文件同步服務爲他開個賬戶,然後把文件放在那裏。您的想法雖然可行,但不會像設備的本機文件訪問那樣直觀。 –

+0

我的母親也想播放這些音樂文件,並且她有一本Google Chromebook,她希望將它們全部播放,我只查了一下,並且無法播放Google Drive上的MP3文件,也無法播放這些歌曲 – Leetfail

回答

1

你可以這樣做,但不能單獨通過HTML。
Javascript/jquery可用於播放歌曲。 PHP(或某些其他服務器端語言)可以抓取您服務器的目錄以查找音樂。
如果你有藝術家和專輯,你可以在專輯搜索歌曲或特定藝術家的元數據,並有一個服務器端語言爲他們服務的列表到你的的Javascript音樂播放器。

如果沒有這對你有意義,那麼你或許應該使用服務器的文件共享(如Dropbox的或谷歌驅動器)。這將允許您的父母下載文件並從他們自己的計算機上播放它們。

- 或 -

你可以學習參與創建自己的功能,音樂流式Web服務器的很酷的東西!

如果您決定選擇第二個選項,那麼您可以點擊以下鏈接開始學習。

jPlayer -is jQuery的媒體播放器與一些很酷的功能。它允許您單獨播放音樂或視頻,或播放列表。

ID3() - 是一個PHP媒體文件分析器。它可以找到諸如藝術家,樂隊,bpm等歌曲的元數據。

PHP-is a pretty powerful scripting language。在你的情況下,它可以讓你通過你的服務器目錄找到音樂文件(可以使用ID3進一步過濾)。查看this answer以獲取更多關於使用php查找目錄中的文件的信息。

我希望這有助於您是否決定嘗試構建自己的媒體流媒體服務器。

0

你可以存儲歌曲路徑在JavaScript數組和發揮他們陸續在foreach循環。檢查http://www.w3schools.com/tags/ref_av_dom.asp。音頻元素有一個可以設置的「src」屬性和一個「播放」功能來開始播放該歌曲。

通過部分瀏覽器不支持本機播放MP3文件的方式,您可能需要將它們轉換爲另一種格式。檢查http://www.w3schools.com/html/html5_audio.asp以查看哪個瀏覽器本身支持哪種文件格式。