我有一个声音,用户可以启动和停止。效果很好,但我只希望音频播放一次。目前,它一直循环播放,我绝对不想要那样。有人可以告诉我如何让这部影片播放一次然后停下来吗?谢谢。
HTML5
<div class="container">
<h3>A word on meditation</h3>
<button id="play">Play</button> <button id="pause">Stop</button>
</div>
JS
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'audio/thoseWhoMeditate.mp3');
audioElement.addEventListener('ended', function() {
this.currentTime = 0;
this.play();
}, false);
$('#play').click(function() {
audioElement.play();
});
$('#pause').click(function() {
audioElement.pause();
});
最佳答案
不确定jquery指令,但可能更改事件类型以加载:
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'audio/thoseWhoMeditate.mp3');
audioElement.addEventListener('load', function() {
this.currentTime = 0;
this.play();
}, false);
$('#play').click(function() {
audioElement.play();
});
$('#pause').click(function() {
audioElement.pause();
});