循环音频 JavaScript

循环音频（Looping Audio）是指可以无限循环播放的声音。JavaScript拥有一个内置的HTML5 API，可以通过它来处理循环音频。

播放音频

要播放音频，我们需要使用HTML5 <audio> 元素。下面是一个简单的用例:

<audio id="myAudio" src="audio.mp3"></audio>

我们为这个元素指定了一个id，并设置了一个MP3文件作为音频源。我们可以像这样使用JavaScript来播放它：

const audio = document.getElementById('myAudio');
audio.play();

我们可以看到，我们只需要调用play()方法就可以播放音频。

循环播放

现在我们来实现循环播放。我们可以使用loop属性设置循环：

<audio id="myAudio" src="audio.mp3" loop></audio>

然后再使用play()方法播放它：

const audio = document.getElementById('myAudio');
audio.play();

现在我们可以看到，音频会不停地循环播放。

自动播放

有些情况下，我们希望音频在加载完毕后自动播放。我们可以使用autoplay属性来实现这个功能：

<audio id="myAudio" src="audio.mp3" loop autoplay></audio>

然后再使用play()方法：

const audio = document.getElementById('myAudio');
audio.play();

现在我们可以看到，音频会在加载完毕后自动播放，并且会不停地循环播放。

停止音频

如果我们需要停止正在播放的音频，我们可以使用pause()方法：

const audio = document.getElementById('myAudio');
audio.pause();

总结

使用JavaScript循环播放音频非常简单。我们只需要使用HTML5 <audio> 元素，并结合JavaScript来控制它。我们可以使用loop属性来设置循环，使用play()方法来播放音频，使用pause()方法来停止音频。