html自动播放音乐（最新）解决 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact

【代码】html自动播放音乐（最新）报错 Uncaught (in promise) DOMException: play() failed because the user didn't intera 解决。

清秋め

1962人浏览 · 2022-11-09 18:56:16

清秋め · 2022-11-09 18:56:16 发布

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lzh❤️</title>
</head>
<!-- 根据具体需求触发，我这边是一个爱心界面
很大概率会点击到屏幕，所以写了点击事件 -->
<body onclick="autoplay()">

<audio
        id="audio"
        src="qfl.mp3">
</audio>


<script>
    //用户跟界面有交互才能自动播放，不然浏览器默认禁止的
    function autoplay() {
        let music=document.getElementById("audio")
        if (music.paused) { //判读是否播放  
            music.paused=false;
            music.play(); //没有就播放 
        }

    }
    setInterval("autoplay()",500);
</script>