it-swarm.com.de

Audio abspielen und neu starten

Ich freue mich darauf, eine Audiodatei in einem HTML5-Audioplayer neu zu starten. Ich habe eine Audiodatei und eine play-Schaltfläche definiert.

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

Wenn ich auf die Schaltfläche play klicke, wird die Audiodatei abgespielt, aber wenn ich erneut auf die Schaltfläche klicke, wird die Audiodatei nicht angehalten und 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 mit onclick auf die Schaltfläche klicke, anstatt auf das Anhalten des Songs zu warten?

12
user2340767

Um den Song einfach neu zu starten, müssen Sie Folgendes tun:

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

GEIGE

Um es umzuschalten, da die Audiodaten beim erneuten Klicken gestoppt werden, und wenn der Klick ein anderes Mal von Anfang an neu gestartet wird, würden Sie Folgendes tun:

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

GEIGE

25
adeneo
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 ();

Um zu starten und alle anderen Sounds, die gerade in einem Click-Event abgespielt werden, anzuhalten,

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

});

0
Deepti Gehlot