Jquery - 寻找播放音频文件的解决方案

时间:2011-11-20 16:17:00

标签: jquery audio

我的网站是关于共享音乐文件并将其下载。 我的主要目标是在页面上放置一个音频播放器,在用户需要的页面上播放mp3文件。

例如,让我们说本周我发布了10首Eminem音乐文件。有10个mp3文件链接,对吧?但是用户不确定他/她会喜欢哪一个。因此,在开始下载所有这些内容之前,他们希望首先在同一页面上播放它。

我知道他们有很多可以播放单曲或播放列表的Flash播放器。而且我知道有内联播放器可以为每个mp3链接添加一个播放器......等等。

问题是我想在主页面上只有1个玩家,当用户点击链接上的播放按钮时,不是播放器本身===>恩。 Eminem 8英里(玩) 玩家开始播放该链接。

所以:

  • 我不是指向个别文件的玩家

  • 我不是指向播放列表的玩家

  • 我确实希望页面上的播放器在刷新或转到新链接之前开始播放页面上任何点击的mp3链接。

有这样的插件/脚本吗?

1 个答案:

答案 0 :(得分: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代码,我就设法得到了这个。