如何让音乐在后台自动播放和循环

Question

我目前正在使用这个，自动播放似乎可以工作，但循环不起作用。

<div id="music"><embed src="Anne_Marie - 2002 [Official Video].mp3" autostart=true loop=true></div>

另外，我想让它像背景音乐一样，这样播放按钮就不会出现。

Answer 1

• loop 属性使音频文件循环播放。

• 自动播放属性使文件在没有用户的情况下开始播放 需要播放该文件。

• controls属性显示控件，省略它会隐藏控件 控制。

<audio loop autoplay>
    <source src="path/to/file" type="audio/filetype">
</audio>

音频文件类型可以是：.mp3、.wav、.ogg

Answer 2

这个音频对我有用：

<audio autoplay loop src="music/music.mp3"></audio>

Answer 3

浏览器将阻止自动播放，因为用户尚未与网站交互。
最好使用 javascript 并制作一个游戏循环并执行此操作：

window.onload = setInterval(GameLoop, 1000 / 10); //10fps

let myAudio = new Audio();

myAudio.src = '/MyFolder/MyFile.mp3';

function Gameloop() {
    myAudio.play();
    if (myAudio.paused == true) {
        myAudio.play();
    }
}

上述内容将在音乐结束或暂停时播放音乐，并将在用户与网站交互时开始。
如果您希望在某处暂停音乐或用户能够暂停音乐，最好使用：

myAudio.addEventListener('ended', () => {
    myAudio.play();
})