如何在没有触发器的情况下在 JavaScript 中每秒播放声音 [重复]

Question

我想每秒播放一次音频，因为它是时钟，所以想插入滴答声。

有什么方法可以在没有触发器的情况下实现这一点，因为时钟应该始终是自动的。

下面是触发和运行的代码：

<audio id="audiotag1" src="Sounds\clock tick.mp3" preload="metadata" controls></audio>
<button onclick="trigger()">Start</button>

function trigger(){
setInterval(clockRunner, 1000);
  function clockRunner(){
    var audioElement = document.getElementById('audiotag1');
    audioElement.play();
  }
}

这是没有触发器但没有运行的代码：

setInterval(clockRunner, 1000);

function clockRunner() {
  var audioElement = document.getElementById('audiotag1');
  audioElement.play();
}

<audio id="audiotag1" src="Sounds\clock tick.mp3" preload="metadata" controls></audio>

错误显示是：
未捕获的 DOMException: play() 失败，因为用户没有先与文档交互。

Here is the question 指的是问题（错误），但提供的解决方案是针对视频的，它们可以静音播放并具有视觉内容

提前感谢您的帮助

Answer 1

您不能同时使用 document.getElementById（音频元素）和 js 来仅使用它和 .play，这不起作用，但这应该

function play() {
var audio = new Audio('Sounds\clock tick.mp3');
audio.play();
}
setInterval(play, 1000)

在字符串中只使用你的源。 :)

Answer 2

我想说这值得一试

<audio id="audiotag1" preload="metadata" controls>
<source src="Sounds\clock tick.mp3" type="audio/mpeg"> 
</audio>
<button onclick="triger()">Start</button>

还想提一下你有一个类型，上面写着 audioElement.play 您放置了一个额外的空间，使其成为可能引发错误的 audioElement .play。

Answer 3

似乎有一个相关的帖子刚刚弹出。 （资源： https://stackoverflow.com/a/62720714/9303612)

几周前，我尝试了您打算做的事情，但是， 经过大量研究，我意识到现在这几乎是不可能的。为了 Chrome 中的示例（我不知道是否也在其他浏览器中）你不能 自动播放声音/视频，除非满足以下任一条件：

• 用户与您的网站互动（点击您网站的任何部分）。
• 用户将您的网站添加到主屏幕（移动）。
• 用户已超过媒体交互指数 (MEI) 阈值。
• 您的网站在 Google 自动播放白名单中（例如 Youtube）。