播放聲音

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/