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

jQueryで他のものをdivにバインドするのと同じ方法で、これを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 に答える