HTML5音频控制停止按钮（而不是暂停）(HTML5 audio control stop butt

我一直在到处绝对（我认为），似乎无法找到一个方法来调用一个HTML5音频控制器停止事件。 我的音频控制器有一个播放列表，其中通过每个轨道下一个选择或循环时每首曲目播放。 还有下一个按钮，它的工作原理。

我的播放/暂停按钮看起来是这样的：

`    function playPause() {
        var audioPlayer = document.getElementsByTagName('audio')[0];
        if(audioPlayer!=undefined) {
            if (audioPlayer.paused) {
                audioPlayer.play();
            } else {
                audioPlayer.pause();
            }
        } else {
            loadPlayer();
        }
    }
`

我需要一个“停止”按钮停止音频，并回到当前正在播放的曲目的开始。 我想过使用当前的播放现在的位置是莫名其妙，但不能让我周围的头。

我也试过这（通过咨询在这里另外一个问题改编），都无济于事：

`    function stop() {
        var audioPlayer = document.getElementsByTagName('audio');
        addEventListener('loadedmetadata', function() {
        this.currentTime = 0;
            }, false);
        }
`

有任何想法吗？

Answer 1:

如果您的播放/暂停工作，这应该停止工作：

function stop() {
    var audioPlayer = document.getElementsByTagName('audio')[0];
    audioPlayer.pause();
    audioPlayer.currentTime = 0;
}

Answer 2:

这里是一个小的演示代码，您可以播放，暂停和停止音频。

现场演示

HTML

<input type="button" value="play" id="playBtn" />
<input type="button" value="pause" id="pauseBtn" />
<input type="button" value="stop" id="stopBtn" />

jQuery的

var source = "http://www.giorgiosardo.com/HTML5/audio/audio/sample.mp3"
var audio = document.createElement("audio");
audio.src = source;

$("#playBtn").click(function () {
    audio.play();
});

$("#pauseBtn").click(function () {
    audio.pause();
});

$("#stopBtn").click(function () {
    audio.pause();
    audio.currentTime = 0;
});

资源

Answer 3:

如果要停止音乐和中止下载操作时，你可以使用此代码：

<button id="btnStop" onclick="player.src = ''; player.src = 'song.mp3';">Stop</button>

我们正在使用Java此处更改歌曲SRC，然后把它放回去那里！ 棘手，但worky

文章来源: HTML5 audio control stop button (as opposed to pause)