2016-11-10 2 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 - Счастливое кодирование :) и, пожалуйста, примите ответ, если будете работать правильно. :П – Chetan