js实现网页歌曲进度控制

实现网页歌曲进度控制可以使用`<audio>`标签和JavaScript。下面是一个简单的示例代码：

HTML部分：

<audio id="myAudio" src="song.mp3"></audio>
<input type="range" id="myRange" min="0" max="100" value="0">

JavaScript部分：

const audio = document.getElementById("myAudio");
const range = document.getElementById("myRange");

range.addEventListener("input", () => {
  audio.currentTime = audio.duration * (range.value / 100);
});

audio.addEventListener("timeupdate", () => {
  range.value = (audio.currentTime / audio.duration) * 100;
});

解释一下代码：

首先，我们使用`<audio>`标签将歌曲添加到页面中，并给它一个id，这样我们可以在JavaScript中引用它。

接着，我们创建了一个`<input>`标签，type属性设置为"range"，这样我们就可以使用滑块控制歌曲进度。

在JavaScript部分，我们首先使用`document.getElementById`方法获取到`<audio>`和`<input>`元素。

接着，我们给`<input>`元素添加了一个"input"事件监听器，当滑块的值发生改变时，我们通过计算当前时间的百分比来设置歌曲的当前时间。

我们还给`<audio>`元素添加了一个"timeupdate"事件监听器，这样当歌曲播放时，滑块的值也会自动更新。

这样，我们就完成了网页歌曲进度控制的实现。