音频不播放时，第一次点击，只有在第二次点击(Javascript)

Question

添加添加的音频到我的简单网站，当我第一次点击按钮的音频不播放。在第二次点击后，它将播放。如果我等一会儿，问题又会出现。

控制台没有错误，我甚至在标签上看到铬扬声器图标，但什么也没听到。

<代码>

玩

<script type="text/javascript">
// play audio on button click
document.getElementById('play').addEventListener('click', function () {
var audio = new Audio();
audio.src = '1.ogg';
// added a volume value
audio.volume = 1;
// listen for can play event
audio.addEventListener('canplay', function () {
// try a console log to see if the function is called correctly
console.log("hello");
audio.play();
})
});
</script>

我也尝试了howler.js，但是同样的问题发生了

Answer 1

<button id="play">play</button>

我添加了一个控制台日志来查看你的函数是否真的被调用了然后输入一个音量这样你就可以确定音量不是0

Answer 2

工作正常

PP_5PP_6