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

Question

关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。












想改进这个问题？将问题更新为 on-topic对于堆栈溢出。

7年前关闭。




Improve this question




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

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

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

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

所以 :

我没有玩家指向单个文件

我没有玩家指向播放列表

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

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

Answer 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 代码，我就成功地做到了这一点。