Spielen Sie die audio-und starten Sie es neu, onclick

Ich bin auf der Suche um neu zu starten eine audio-Datei in eine HTML5-audio-player. Ich habe eine audio Datei und eine play - Taste.

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

Wenn ich auf die play - Taste die audio-Datei abgespielt werden, aber wenn ich auf die Schaltfläche klicke wieder die audio-Datei nicht beendet und wird nicht wieder spielen, bis er erreicht das Ende der Datei.

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

Gibt es eine Methode, die mir erlauben würde, starten Sie die audio-Datei, wenn ich auf den button mit der onclick anstatt zu warten, für den song zu stoppen?

InformationsquelleAutor user2340767 | 2013-07-14

  1. 24

    Einfach starten Sie den song, den Sie tun würde:

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

    GEIGE

    Umschalten, wie in der audio Stoppt, wenn das klicken wieder, und wenn Sie auf ein anderes mal startet es von Anfang an, würde man etwas mehr machen wie :

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

    GEIGE

    Aber was ist, wenn Sie mit mehreren Dateien arbeiten und/oder Tasten?
    Cool. Es funktioniert 🙂

    InformationsquelleAutor adeneo

  2. 0
    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 starten mit dem Pferd und halten Sie alle anderen sounds spielt aktuell in ein click-Ereignis:

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

    });

    InformationsquelleAutor Deepti Gehlot

Schreibe einen Kommentar