点击使用jquery和mediaelement.js播放声音

时间:2012-07-01 01:13:32

标签: mediaelement.js

我的网页设计使用了3种类型的音频和视频:

  1. 一些视频。
  2. 触发onclick的音频声音。
  3. 在后台播放的音频循环,可以关闭该选项。
  4. MeidaElement.js看起来非常适合视频,让所有人都可以通过浏览器轻松玩游戏。

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

    提前感谢任何指示。

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分: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/

相关问题