Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何修复音频不总是自动播放_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript 如何修复音频不总是自动播放

Javascript 如何修复音频不总是自动播放,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,有时自动播放不起作用。这是设置为自动播放一首歌曲,并刷新页面以获取下一首歌曲,因为我不知道如何让它再次调用我的php并获取一首新歌。当您单击“播放”时,它始终有效。它只是做不到它应该和自动播放 为什么自动播放有时不起作用 The error from console when autoplay doesn't work: Uncaught (in promise) DOMException line 26: 25 $('audio').get(0).load();

有时自动播放不起作用。这是设置为自动播放一首歌曲,并刷新页面以获取下一首歌曲,因为我不知道如何让它再次调用我的php并获取一首新歌。当您单击“播放”时,它始终有效。它只是做不到它应该和自动播放

为什么自动播放有时不起作用

The error from console when autoplay doesn't work:

Uncaught (in promise) DOMException line 26:
        25  $('audio').get(0).load();
        26  $('audio').get(0).play();
        27  document.getElementById("songName").innerHTML = 
''+数据

页面加载时始终出现的错误:

Uncaught ReferenceError: url is not defined
    at radio.html:15
            14  <br />
            15  <script>document.write(url);</script>
            16  <button onclick="skip()">Skip me</button>

您的浏览器不支持音频元素。

跳过我 $.ajax({ url:'radio.php', 数据:{attr1:'value1'}, 成功:功能(数据){ 控制台日志(数据); $('audio#source').attr('src',data); $('audio').get(0.load(); $('audio').get(0.play(); } }); playMusic.onended=函数(){ window.location.reload(); }; 函数skip(){ window.location.reload(); }
尝试将
autoplay=“autoplay”
属性添加到
audio
标记中

<audio id="playMusic" autoplay="autoplay" controls="controls">     
<source src="music.mp3" />   
</audio> 

尝试将
autoplay=“autoplay”
属性添加到
audio
标记中

<audio id="playMusic" autoplay="autoplay" controls="controls">     
<source src="music.mp3" />   
</audio> 

❌ 未捕获(承诺中)DomeException:play()失败,因为用户没有首先与文档交互

答案是,它工作得很好。它只是被chrome本身屏蔽了

❌ 未捕获(承诺中)DomeException:play()失败,因为用户没有首先与文档交互


答案是,它工作得很好。它只是被chrome本身屏蔽了。

我已经尝试了我所能想到的一切,但无法获得100%的成功自动播放。我相信这是因为谷歌Chrome(我正在使用)基本上禁用了它。我试图通过模拟点击来绕过它,但直到你实际点击网页时它才起作用。我已经尝试了我能想到的一切,但无法获得100%的成功自动播放。我相信这是因为谷歌Chrome(我正在使用)基本上禁用了它。我试图通过模拟点击来绕过它,但直到你实际点击网页时它才起作用。