1

オーディオファイルが一時停止アクションの場合 jqueryを使用してオーディオファイルを最初から再生する方法

これが私のコードです

<audio id="beep-one" controls="controls" preload="auto">
<source src="test.ogg"></source>
Your browser isn't invited for super fun time.
</audio>
<a href="#" class="track1"  >click here</a>
<a href="#" class="track2"  >click here</a>

<script type="text/javascript">
    $(document).ready(function(){
    $(".track2").hide();
    $(".track1").click(function(){
    var beepOne = $("#beep-one")[0];
    $(".track1").hide();
    $(".track2").show();
    beepOne.play();
    });
    $(".track2").click(function(){
    var beepOne = $("#beep-one")[0];
    $(".track1").show();
    $(".track2").hide();
    beepOne.pause();
    });
    });
    </script>
4

2 に答える 2

0

以下のコードを試してみてください。新しいソースに置き換えるようなものです。うまくいくことを願っています。

var audio = document.createElement("audio");
audio.src = "test.ogg";
于 2013-05-08T12:03:35.033 に答える
0

Audioを使用して、オブジェクトの時間を簡単にリセットできますAudio.prototype.currentTime。あなたがしなければならないことは次のとおりです。

beepOne.currentTime = 0; // the time unit used here is seconds!

currentTimeAnd the time will reset to 0. ただし、音声がブラウザーによって完全にダウンロードされるまではプロパティにアクセスできないため、beepOne.canplaythroughイベントが発生した後にのみアクセスする必要があります。

DOM Exception 8ダウンロードが完了する前にオーディオをループしようとすると、Aがスローされます。

詳しくはMDNをご覧ください。

于 2013-05-08T12:03:39.997 に答える