我希望用户能够单击所有链接,如果用户再次单击该链接,声音将开始播放,它会停止,如果再次播放,但声音将从头开始并从头开始它之前停在哪里。 我的代码现在只是一个简单的切换,如果声音:
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>
<audio id="part1" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto"></audio>
最佳答案
您可以使用当前时间。像这样使当前时间为 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>
<audio id="part1" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto"></audio>
关于javascript - 如何播放/暂停声音以及声音从头开始播放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40524037/