html中怎么设置音乐

#### 创建播放列表

如果你有多个音频文件，并希望创建一个播放列表，你可以使用数组和循环来实现。

```javascript

var audio = document.querySelector('audio');

var playlist = ['song1.mp3', 'song2.mp3', 'song3.mp3'];

var currentSong = 0;

function playNextSong() {

if (currentSong< playlist.length - 1) {

currentSong++;

} else {

currentSong = 0;

}

audio.src = playlist[currentSong];

audio.play();

audio.onended = playNextSong; // 当音乐播放结束时，自动播放下一首

```

这段代码创建了一个简单的播放列表，并在每首歌曲播放结束后自动播放下一首。

### 使用第三方库

对于更高级的音乐播放需求，比如图形波形显示、歌词同步等，你可以使用第三方JavaScript库，如Howler.js、SoundManager2或者Audio5.js等。

#### Howler.js 示例

Howler.js是一个强大的Web音频库，支持多种格式的音频文件，并提供了简洁的API来控制音频播放。

```html

```

在这个例子中，我们首先引入了Howler.js库，然后创建了一个`Howl`对象，并指定了音频文件的路径，我们调用`play`方法来播放音乐。

### 考虑跨浏览器兼容性

由于不同的浏览器对音频格式的支持可能有所不同，通常建议提供多种格式的音频文件，以确保在所有浏览器中都能播放，常见的音频格式包括MP3、WAV和OGG。

### 结论