我只希望我的音频mp3文件播放一次而且它没有发生

时间:2016-08-09 17:10:56

标签: javascript jquery

我有一个用户可以启动和停止的音频。这很好,但我只希望音频可以播放一次。目前它一直在循环,我绝对不想要那样。有人可以告诉我如何通过一次这个游戏然后停止吗?谢谢。

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();
    });

1 个答案:

答案 0 :(得分:0)

不确定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();
});