Odtwarzanie dźwięku i ponowne uruchamianie onclick

Question

Szukam ponownego uruchomienia pliku audio w odtwarzaczu audio HTML5. Zdefiniowałem plik audio i przycisk play.

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

Kiedy klikam przycisk play plik audio zaczyna grać, ale gdy klikam przycisk ponownie plik audio nie zatrzymać i nie zagra ponownie, dopóki nie dojdzie do końca pliku.

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

Czy istnieje metoda, która pozwoliłaby mi na ponowne uruchomienie pliku dźwiękowego po kliknięciu przycisku korzystając onclick zamiast czekać na piosenkę, aby zatrzymać?

Answer 1

po prostu zrestartować piosenkę, można zrobić:

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

FIDDLE

Aby włączyć go, jak w audio zatrzymuje się po kliknięciu ponownie, a innym razem po kliknięciu restartu od początku , chcesz zrobić coś więcej takich jak:

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

FIDDLE

Answer 2

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

I zacząć konia i wstrzymać wszelkie inne dźwięki aktualnie grających w przypadku kliknij:

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

});