2016-11-10 8 views
0

私は、ユーザーがアルリンクをクリックできるようにしたいと思って、ユーザーがリンクをもう一度クリックすると、サウンドが再生を開始し、それが再び再生されるならば、サウンドからは最初からやり取りされ、それは前に止まる。音の始まりから音と音の再生/一時停止の方法は?

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

ありがとう@Cheanそれはうまく動作しています –

+0

@ Sivan_G - ハッピーコーディング:)正しく動作する場合、答えを受け入れてください。 :P – Chetan

関連する問題