2

我有一个使用 3 种音频和视频类型的页面设计：

  1. 几个视频。
  2. 触发 onclick 的音频声音。
  3. 在后台播放的音频循环，可以关闭该选项。

MeidaElement.js 看起来非常适合视频，让它们都可以在跨浏览器上播放，而无需大惊小怪。

它似乎也可以很好地播放音频。我只是不确定我是否可以从 jQuery 触发一点音频 - 即只需单击任何旧 div。如果是这样，我可以预加载音频，以便在点击时立即发出声音。

在此先感谢您的任何指点。

4

2 回答 2

1

这个 jQuery 函数似乎对我有用：

$('.button').click(function(){
    $('audio')[0].player.play();
});
于 2012-07-02T01:51:34.007 回答
0

您应该能够将它绑定到 div，就像在 jQuery 中将任何其他内容绑定到 div 一样。http://mediaelementjs.com/#installation上的示例将为您创建音频播放器的方法提供一个良好的开端。具体来说，

<script>
// JavaScript object for later use
var player = new MediaElementPlayer('#player',/* Options */);
// ... more code ...
player.pause();
player.setSrc('mynewfile.mp4');
// I'm removing the following play call so we can do it elsewhere
//player.play();
</script>

在上面，我删除了对 play() 的调用，以便可以将其绑定到其他地方。在 jQuery 中，我认为应该如下所示：

$('#divWhatever').on('click', function() { $('#player').play() } )

请对此进行测试并报告成功或您遇到的失败。无论如何，on 函数是您在 jQuery 中寻找的功能：http: //api.jquery.com/on/

于 2012-07-01T01:34:41.517 回答