如何使用 lit-html 自动播放音频？

Question

我目前正在制作游戏，我想加入背景音乐。我把这个添加到正文中

<audio autoplay loop>
    <source src="assets/Tree_of_Life" type="audio/wav" />
    Your browser does not support the audio element.
  </audio>

但是当我运行点亮-html时，它不会播放。我尝试将其设为模板

const BackgroundMusic = (src) => {
  return html` <audio autoplay loop>
    <source src="${src}" type="audio/wav" />
    Your browser does not support the audio element.
  </audio>`;
};

但是还是不行，我怎么能用点亮的 html 自动播放这首音乐？

Answer 1

一些可能的修复：

在文件名末尾添加 .wav 扩展名
换个浏览器试试看是不是浏览器的问题。如果是，还有一些其他方法可以使用 iframe 来做到这一点，例如：see here
删除自动播放循环属性并使用 javascript
启动声音

如何使用 lit-html 自动播放音频？

How can I autoplay audio using lit-html?

javascript

lit-html