2011-11-20 70 views
-1

我的網站是關於共享音樂文件並將其下載。 我的主要目標是在頁面上放置一個音頻播放器,以在用戶所需的頁面上播放MP3文件。Jquery - 尋找播放音頻文件的解決方案

例如,讓我們說這周我發佈了10首曲目的Eminem音樂文件。有10個鏈接的MP3文件,對不對?但用戶不確定他/她會喜歡哪一個。所以在開始下載它們之前,他們希望在同一頁面上首先播放它。

我知道他們是很多可以播放單曲或播放列表的Flash播放器。而且我知道有內聯播放器,它爲每個mp3鏈接添加了一個播放器......等等。

事情是我想在主頁上只有一個播放器,並且當用戶單擊鏈接上的播放按鈕時,不是玩家本身===> ex。阿姆8米(播放) 玩家開始播放該鏈接。

所以:

  • 我沒有一個球員指着一個單獨的文件

  • 我沒有一個球員指着一個播放列表

  • 我想球員在頁面上刷新或轉到新鏈接之前,開始播放頁面上任何點擊的mp3鏈接。

有沒有像這樣的插件/腳本?

+0

您可以嘗試使用jPlayer,簡單,可換膚和可擴展。 http://jplayer.org/ –

回答

1

好吧,這是我做了什麼來實現一個內聯網頁播放器。

至於爲每個mp3鏈接旁邊添加播放按鈕,我使用了一個簡單的.each和.after函數來做到這一點。下面是一個簡單的代碼:

$("#Post_Content_Div").find('a[href$="mp3"]').each(function() { 
$(this).after('<a class="mp3play" href="javascript:Play(\''+ this.href +'\');"></a>'); 
}); 

而對於播放功能,我用JW player它有內置的功能,在網頁動態播放文件。這裏是一個簡單的代碼:

function Play(url){ 
    jwplayer('mediaspace').setup({ 
    'flashplayer': 'player.swf', 
    'file': url, 
    'controlbar': 'bottom', 
    'autostart': 'true', 
... 
} 

就是這樣。我一直在尋找一些可以用來解決問題的東西。但是沒有這樣的事情。只要一點點jQuery,CSS和JavaScript代碼,我設法得到這個。