html音乐播放器的js文件代码nextsong
时间: 2023-12-30 08:02:59 浏览: 29
下面是一个简单的 HTML 音乐播放器的 JavaScript 代码实现 `nextsong` 函数的示例:
```javascript
function nextsong() {
// 获取当前播放歌曲的索引
var currentIndex = parseInt(document.getElementById("currentIndex").value);
// 获取歌曲列表
var songList = JSON.parse(localStorage.getItem("songList"));
// 计算下一首歌曲的索引
var nextIndex = currentIndex + 1;
if (nextIndex >= songList.length) {
nextIndex = 0;
}
// 更新当前播放歌曲的索引
document.getElementById("currentIndex").value = nextIndex;
// 获取下一首歌曲的信息
var nextSong = songList[nextIndex];
// 更新歌曲信息显示
document.getElementById("songName").innerHTML = nextSong.name;
document.getElementById("singer").innerHTML = nextSong.singer;
// 更新歌曲播放地址
var audio = document.getElementById("audio");
audio.src = nextSong.url;
// 播放下一首歌曲
audio.play();
}
```
在这个示例中,我们首先获取当前播放歌曲的索引,然后根据歌曲列表和播放模式计算出下一首歌曲的索引。接着,我们更新当前播放歌曲的索引,并获取下一首歌曲的信息。然后,我们更新歌曲信息的显示和歌曲播放地址,最后调用 `play()` 方法播放下一首歌曲。