2011-11-20 89 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代码,我设法得到这个。