如何chrome页面下音乐自动播放问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<audio id="a1" controls="controls" loop="loop">
    <source src="music/Blue%20Sky%20Athletics.mp3">
</audio>
<script>
    window.onload=function () {
     
     
        let oA=document.querySelector("#a1");
        let timer=null;
        function autoPlay() {
     
     
            if (oA.paused) {
     
      //如果暂停
                oA.paused=false;//设为不暂停
                oA.volume=0.5;//设置自动播放的初始音量
                oA.play();//调用play()方法播放
            }else {
     
     //如果未暂停
                clearInterval(timer);//清掉定时器
            }
        }
        timer=setInterval(autoPlay,1);//用定时器触发autoplay自动播放
    }
</script>
</body>
</html>

ctrl+cv即可使用。

猜你喜欢

转载自blog.csdn.net/qq_42526440/article/details/113919815