使用 jplayer 在 mouseclick 上播放 Mp3 声音剪辑？答案

【问题标题】：Play Mp3 sound clip on mouseclick using jplayer?使用 jplayer 在 mouseclick 上播放 Mp3 声音剪辑？
【发布时间】：2011-09-07 03:33:00
【问题描述】：

其实这是我第一次使用jplayer插件，所以我只需要在我点击一个div的时候播放一个声音片段（2秒），我不知道如何使用jplayer！

我还需要在缓存中加载声音剪辑文件以及页面正在加载，因此当我单击该 div 时，声音剪辑会立即播放而不会在单击时加载它

顺便说一句，不使用jplayer，jquery是否可以做到这一点？！

【问题讨论】：

标签： javascript jquery audio mp3 jplayer

【解决方案1】：

如果您想坚持使用 jPlayer，请尝试将 warningAlerts 和 errorAlerts 设置为 true。

$(id).jPlayer( { warningAlerts: true, errorAlerts: true } );

这可能会解决您的问题。

但只要您只需要声音（没有视频），SoundManager 2 可能更适合您。它非常强大，并提供了广泛的调试输出。

soundManager.url = './swf/'; // directory where SM2 .SWFs live

var mySound;

soundManager.onready(function() {

    // SM2 has loaded - now you can create and play sounds!

    mySound = soundManager.createSound({
      id: 'someSound',
      url: '/path/to/some.mp3'
    });
});

//....
//if(xhr-stuff)
    if(mySound)
        mySound.play();

使用 soundmanager2.js 进行测试，使用 soundmanager2-nodebug-jsmin.js 进行生产。如果您还有其他问题，请不要犹豫。

【讨论】：

最终使用了 soundmanager2.js - 非常感谢。希望我能给你我的 50 个代表 :(

【解决方案2】：

-snip-

从头开始...有一个 api

http://www.jplayer.org/latest/developer-guide/#jPlayer-play

使用

$("#jpId").jPlayer("play");

【讨论】：

这对我不起作用 - 我什至尝试添加 $.jPlayer("play", 0);它仍然只播放一次。也许我应该创建自己的问题 - 但它已经足够相似了，我想我会在这个问题上提供赏金。
以下代码在我的 jPlayer('play') api 调用之前。 $("#audio-player").jPlayer({ swfPath: './aud', solution: "html, flash", muted: false, errorAlerts: false, warningAlerts: false, ready: function(e){ $(this).jPlayer("setMedia", { mp3: "./aud/msg_rcvd.mp3", ogg: "./aud/msg_rcvd.ogg" }) } });
@Derek Adair 你说只能玩一次？那你是想让它循环吗？
不，它应该是通过自定义事件触发的。（我认为点击事件很容易替代我的“自定义”事件）。基本上它看起来像是在尝试再次播放（它实际上运行$.jPlayer("play", 0)），音频似乎没有播放。我唯一的潜在优势是它可能与播放我的 OGG/MP3 或与标题或其他有关。
这很奇怪...我以前从未使用过该插件，但我想它在 jplayer 端或浏览器上。（jplayer 只是为 HTML5 播放器提供前端吗？）。