audio用js控制mp3音乐播放、暂停、停止的思路及代码

寻技术 JS脚本 2023年10月01日 87

audio播放音乐时的用js代码控制音乐播放、暂停、停止的思路记录。为了防止停止后再播放时不能从开头开始播放,就只能用暂停pause(),之后再重新播放时将播放进度调整到开始,再调用play()进行播放。

音乐播放控件调用:

<audio id="bgmp3" loop>
      <source src="mp3/yinsu_1.mp3" type="audio/mpeg">
</audio>

控制播放暂停和重新播放的JS代码:

//音乐开关
function chongxinbofang(){//重新播放
    var audio = document.getElementById('bgmp3'); 
    audio.currentTime = 0;
    audio.play();
}

function zanting{
    document.getElementById("bgmp3").pause();
}
关闭

用微信“扫一扫”