html音乐播放器的js文件代码

以下是一个支持播放列表功能的HTML音乐播放器以及相应的JavaScript代码实现：

HTML代码：

<audio id="myAudio" onended="playNext()"> 
  <source src="music1.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

<ul id="playlist">
  <li><a href="#" onclick="loadTrack('music1.mp3')">音乐1</a></li>
  <li><a href="#" onclick="loadTrack('music2.mp3')">音乐2</a></li>
  <li><a href="#" onclick="loadTrack('music3.mp3')">音乐3</a></li>
</ul>

<button onclick="playAudio()">播放</button>
<button onclick="pauseAudio()">暂停</button>
<button onclick="playPrev()">上一首</button>
<button onclick="playNext()">下一首</button>

JavaScript代码：

var tracks = ["music1.mp3", "music2.mp3", "music3.mp3"];
var currentTrack = 0;
var x = document.getElementById("myAudio");

function loadTrack(track) { 
  x.src = track;
  x.load();
  playAudio();
}

function playAudio() { 
  x.play();
}

function pauseAudio() { 
  x.pause();
}

function playPrev() { 
  currentTrack--;
  if (currentTrack < 0) {
    currentTrack = tracks.length - 1;
  }
  loadTrack(tracks[currentTrack]);
}

function playNext() { 
  currentTrack++;
  if (currentTrack >= tracks.length) {
    currentTrack = 0;
  }
  loadTrack(tracks[currentTrack]);
}

这个代码片段会创建一个音乐播放器，包括一个播放列表和相应的播放、暂停、上一首和下一首按钮。当用户点击播放列表中的某一首歌曲时，调用 `loadTrack()` 函数来加载并播放该歌曲；当用户点击播放、暂停、上一首或下一首按钮时，调用相应的函数来控制音乐播放。同时，当当前歌曲播放结束时，调用 `playNext()` 函数来自动播放下一首歌曲。