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

I only want my audio mp3 file to play one time and it's not happening

本文关键字:一次 我的 希望 音频 mp3 播放 文件      更新时间:2023-09-26

我有一个音频,用户可以开始和停止。这很好,但我只想播放一次音频。目前它一直在循环,我绝对不希望这样。有没有人能告诉我,我怎样才能玩完一次,然后停止?谢谢你。

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的说明,但可以将事件类型更改为load:

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