播放音频并单击重新启动

我正在寻找在 HTML5 音频播放器中重新启动音频文件。我定义了一个音频文件和一个play button.

<audio id="audio1" src="01.wav"></audio>
<button onClick="play()">Play</button>

当我点击play按钮，音频文件开始播放，但是当我再次单击该按钮时，音频文件不会停止，并且不会再次播放，直到到达文件末尾。

function play() {
    document.getElementById('audio1').play();
}

有没有一种方法可以让我在单击按钮时重新启动音频文件onclick而不是等待歌曲停止？

要重新播放歌曲，您可以执行以下操作：

function play() {
    var audio = document.getElementById('audio1');
    if (audio.paused) {
        audio.play();
    }else{
        audio.currentTime = 0
    }
}

FIDDLE http://jsfiddle.net/s42hb/1/

要切换它，就像再次单击时音频停止一样，而当再次单击时它会从头重新启动，您需要执行以下操作：

function play() {
    var audio = document.getElementById('audio1');
    if (audio.paused) {
        audio.play();
    }else{
        audio.pause();
        audio.currentTime = 0
    }
}

FIDDLE http://jsfiddle.net/s42hb/2/