Question

所以我已经在这里工作了几天，试图从另一个JsFiddle中获取基础并将其合并到我自己的中。我正在尝试制作音乐播放器，但在JavaScript中使用ontimeUpdate功能时遇到了问题。这是我目前正在使用的功能：

audio.on("timeupdate", function() {
   $("#bar").attr("value", this.currentTime / this.duration);
});

其中audio是表示<audio>元素的变量，#bar是<progress>元素的ID。这是我的小提琴：https://jsfiddle.net/4t2tf0af/5/

以下是我工作的小提琴：http://jsfiddle.net/DCE6N/547/

现在，在后一个小提琴中，当音乐播放时，进度条会更新为0到1之间的十进制值。我试图做同样的事情但没有成功。

Answer 1

我注意到了一些问题，但为了回答你的第一个问题，“音频”是一个dom元素，所以它没有任何名为“on”的东西。因此，您需要将其包装在jquery标记中以便开始工作：

  $(audio).on("timeupdate", function()
  {
    $("#bar").attr("value", (this.currentTime / this.duration) * 100);
  });

您会注意到我也将该值乘以100，因为虽然原始小提琴的最大值为“1”，但您的最大值为“100”。

小提琴的末尾有一些字符阻止它工作。

最后，您需要为您访问的歌曲设置协议https：

audio.setAttribute("src", "https://mp3red.co/stream/27942256/wintersleep-amerika.mp3"

这是一个更新的小提琴，我已经调整过你可以尝试：