2016-11-10 253 views
0

我希望用戶能夠點擊al鏈接,並且如果用戶再次點擊它停止的鏈接,並且如果它再次播放,但是從聲音開始將從開始打開,並從whrere點頭,則聲音將開始播放它之前停止。 我的代碼現在僅僅是一個簡單的切換,如果聲音:如何從聲音的開始播放/暫停聲音和聲音播放?

var partOne = document.getElementById("part1"); 
 
function PlayPart1() { 
 
    return partOne.paused ? partOne.play() : partOne.pause(); 
 
};
<p> 
 
<a class="textAudio" onClick="PlayPart1()"> 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
 
</a> 
 
    </p> 
 
\t <audio id="part1" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto"></audio>

+0

的可能的複製[HTML5音頻停止功能(http://stackoverflow.com/questions/14834520/html5-audio-stop-function) –

回答

3

您可以使用currentTime的。使當前時間0這樣的 -

var partOne = document.getElementById("part1"); 
 
function PlayPart1() { 
 
partOne.currentTime = 0 
 
    return partOne.paused ? partOne.play() : partOne.pause(); 
 
};
<p> 
 
<a class="textAudio" onClick="PlayPart1()"> 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
 
</a> 
 
    </p> 
 
\t <audio id="part1" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto"></audio>

+0

謝謝@Chetan它的工作很好 –

+0

@Sivan_G - 快樂編碼:)如果工作正常,請接受答案。 :P – Chetan