function playSong(index) { if (index >= 0 && index < playlist.length) { var song = playlist[index]; document.getElementById("currentSong").innerHTML = song; } }修改添加播放音乐的功能
时间: 2024-01-11 11:02:18 浏览: 21
可以通过以下步骤来添加播放音乐的功能:
1. 创建一个音乐播放器对象:
```
var audioPlayer = new Audio();
```
2. 在 `playSong` 函数中加载音乐并播放:
```
function playSong(index) {
if (index >= 0 && index < playlist.length) {
var song = playlist[index];
var audioUrl = "music/" + song + ".mp3"; // 音乐文件的 URL
audioPlayer.src = audioUrl; // 加载音乐
audioPlayer.play(); // 播放音乐
document.getElementById("currentSong").innerHTML = song;
}
}
```
3. 在 HTML 文件中添加音乐播放器的控件:
```
<audio id="audioPlayer" controls></audio>
```
完整代码如下:
```
var playlist = ["song1", "song2", "song3"]; // 歌曲列表
var audioPlayer = new Audio(); // 音乐播放器对象
function playSong(index) {
if (index >= 0 && index < playlist.length) {
var song = playlist[index];
var audioUrl = "music/" + song + ".mp3"; // 音乐文件的 URL
audioPlayer.src = audioUrl; // 加载音乐
audioPlayer.play(); // 播放音乐
document.getElementById("currentSong").innerHTML = song;
}
}
```
```
<audio id="audioPlayer" controls></audio>
```