音乐播放器播放列表逻辑

【问题标题】：Music player playlist logic音乐播放器播放列表逻辑
【发布时间】：2021-07-26 03:55:47
【问题描述】：

我正在创建一个小型音乐播放器网络应用，一切正常，但我遇到了问题：

我也想为它创建一个播放列表，我是 JS 的初学者，我不知道如何为此创建逻辑（每次用户点击播放列表中的特定歌曲标题时，播放那个他刚刚点击的歌曲）我将歌曲存储在一个数组中

源码：https://yun.ir/qnrk56

【问题讨论】：

标签： javascript audio playlist

【解决方案1】：

您可以通过不同的方式实现此行为。

这是我尝试过的： https://jsfiddle.net/2qc0kwbg/

我添加了一个名为setSong() 的函数，它接受一个名为number 的参数并将歌曲设置为该数字（从prevSong() 和nextSong() 复制的代码逻辑）。我向每个带有 .player__song 类的 HTML 元素添加了 onclick 属性，其值为 setSong(<index>)，其中是数组中歌曲的索引。

setSong() 函数如下所示：

function setSong(number){
  currentSong = number
  showSong()
  audio.play()
  changeBgBody()
}

【讨论】：