Spielen Sie Audio ab und starten Sie es bei einem Klick neu

Ich möchte eine Audiodatei in einem HTML5-Audioplayer neu starten. Ich habe eine Audiodatei und eine definiert play Taste.

<audio id="audio1" src="https://stackoverflow.com/questions/17636310/01.wav"></audio>
<button onClick="play()">Play</button>

Wenn ich auf klicke play Wenn ich auf die Schaltfläche klicke, beginnt die Wiedergabe der Audiodatei. Wenn ich jedoch erneut auf die Schaltfläche klicke, stoppt die Audiodatei nicht und wird erst wieder abgespielt, wenn das Ende der Datei erreicht ist.

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

Gibt es eine Methode, mit der ich die Audiodatei neu starten kann, wenn ich auf die Schaltfläche klicke? onclick anstatt darauf zu warten, dass das Lied aufhört?

Um das Lied einfach neu zu starten, gehen Sie wie folgt vor:

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

GEIGE

Um es umzuschalten, wie im Beispiel: Der Ton stoppt, wenn Sie erneut klicken, und wenn Sie ein weiteres Mal klicken, beginnt er von vorne. Sie würden etwa Folgendes tun:

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

GEIGE

soundManager.setup({
preferFlash: false,
//, url: "swf/"
onready: function () {
    soundManager.createSound({
        url: [
            "http://www.html5rocks.com/en/tutorials/audio/quick/test.mp3", "http://www.html5rocks.com/en/tutorials/audio/quick/test.ogg"
        ],
        id: "music"
    });
    soundManager.createSound({
        url: [
            "http://www.w3schools.com/html/horse.mp3", 
        ],
        id: "horse"
    });
    soundManager.play("music"); 
}

}).beginDelayedInit();

Und um das Pferd zu starten und alle anderen Geräusche anzuhalten, die derzeit in einem Klickereignis abgespielt werden:

$("#horse").click(function () {
soundManager.stopAll();
soundManager.play("horse");

});

function sound(src) {
    this.sound = document.createElement("audio");
    this.sound.src = src;
    this.sound.setAttribute("preload", "auto");
    this.sound.setAttribute("controls", "none");
    //this.sound.style.display = "none";
    document.body.appendChild(this.sound);
    this.play = function () {
        this.sound.play();
    }
    this.stop = function () {
        this.sound.pause();
        this.sound.currentTime = 0
    }
}

Sie können die Funktion /above verwenden, um Ton abzuspielen

 let mysound1 = new sound('xyz.mp3')
 mysound1.play()