播放声音

Question

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

1. 几部影片。
2. 触发onclick的音频声音。
3. 在后台播放的音频循环，该选项关闭。

MeidaElement.js看起来只是完美的视频，让他们都玩最少的大惊小怪的跨浏览器。

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

在此先感谢任何指针。

Answer 1

这个jQuery功能似乎为我工作：

$('.button').click(function(){ 
    $('audio')[0].player.play(); 
}); 

Answer 2

你应该能够将它绑定到一个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() }) 

请测试这个并报告成功或您遇到什么故障。无论如何，在功能上是你在找什么jQuery中：http://api.jquery.com/on/