首页 文章

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

提问于
浏览
-1

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

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

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

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

所以:

  • 我没有玩家指向单个文件

  • 我没有玩家指向播放列表

  • I do want a player on page which starts playing any clicked mp3 link on the page before refreshing or going to a new link.

有这样的插件/脚本吗?

1 回答

  • 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代码,我就设法得到了这个 .

相关问题