我有一个声音,用户可以启动和停止。效果很好,但我只希望音频播放一次。目前,它一直循环播放,我绝对不想要那样。有人可以告诉我如何让这部影片播放一次然后停下来吗?谢谢。

HTML5

<div class="container">
            <h3>A word on meditation</h3>
            <button id="play">Play</button> &nbsp;<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();
});

09-11 18:44