2

HTML5 Audio タグを使用して eventListener または Dom/jQuery を使用して再生中または最後にイベントを発生させるアクションを使用する場合はありますか?

この回答は currentTime にリンクしていますが、例はありません。以下の疑似コードです。

<!DOCTYPE html>
<html>
<body>

<audio controls="controls">
  <source src="file.ogg" type="audio/ogg" />
  <source src="file.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

<script src="jquery.js"></script>
<script>
$(document).ready(function () {
    $("audio").addEventListener("end", function () {
        alert("song has ended");
    });
    $("audio").addEventListener('20.2', function () {
        alert("your currently at 20.2 seconds in the track");
    });
});
</script>

</body>
</html>
4

2 に答える 2

4

イベントを使用できますended：

$("audio").on("ended", function() { 
     // do stuff
});
于 2012-04-30T09:49:33.397 に答える
4

これを試すことができます：

オーディオの長さを取得し、currentTime に基づいてアラートを作成し、必要な場所にアラートを表示します。

audio.addEventListener("timeupdate", function(){    
var duration = document.getElementById('duration');
var s = parseInt(audio.currentTime % 60);    var m = parseInt((audio.currentTime / 60) % 60);
duration.innerHTML = m + '.' + s + 'sec'; 
}, false);
于 2012-04-30T10:03:09.853 に答える