Jquery - 寻找播放音频文件的解决方案[关闭]答案

【问题标题】：Jquery - Looking for a solution to play audio files [closed]Jquery - 寻找播放音频文件的解决方案[关闭]
【发布时间】：2011-11-20 16:16:59
【问题描述】：

我的网站是关于分享音乐文件并将其下载。我的主要目标是在页面上有一个音频播放器，以便在页面上播放用户想要的 mp3 文件。

例如，假设本周我发布了 10 首 Eminem 音乐文件的曲目。 mp3文件有10个链接，对吧？但是用户不确定他/她会喜欢哪一个。所以在开始全部下载之前，他们想先在同一个页面上播放。

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

问题是我希望主页上只有 1 个播放器，当用户单击链接上的播放按钮时，而不是播放器本身 ===> 例如。阿姆 8 英里 (播放) 播放器开始播放该链接。

所以：

我没有玩家指向单个文件
我没有玩家指向播放列表
我确实希望页面上的播放器在刷新或转到新链接之前开始播放页面上任何点击的 mp3 链接。

有没有这样的插件/脚本？

【问题讨论】：

您可以尝试使用jPlayer，简单、可换肤和可扩展。 jplayer.org

标签： jquery audio

【解决方案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 代码，我就成功地做到了。

【讨论】：