js控制H5 audio音频的播放暂停

Posted 微lin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js控制H5 audio音频的播放暂停相关的知识,希望对你有一定的参考价值。

<body>
<audio src="b.mp3" controls="controls" preload id="music" hidden>
</audio>
<span onclick="control();">播放/暂停</span>
<span onclick="repeat();">重播</span>
<script>
function repeat(){
var audio = document.getElementById(‘music‘);
audio.currentTime = 0;//重新播放
}
function control(){
var audio = document.getElementById(‘music‘);
if(audio!==null){
if(audio.paused){
audio.play();// 播放
}else{
audio.pause();// 暂停
}
}
}

</script>
</body>























以上是关于js控制H5 audio音频的播放暂停的主要内容,如果未能解决你的问题,请参考以下文章

Unity音频控制(暂停停止播放)

Unity音频控制(暂停停止播放)

Javascript 音频控制自动播放播放暂停

原生js控制audio标签播放暂停重新加载

音频的点击播放与暂停

HTML5中audio标签的使用