HTML 自动播放歌曲和 StartAt

Question

我有这个代码，但我不知道如何让歌曲从 0:19 秒开始。你能帮我吗？

<div class="fin-subheading">
  &middot; ROLEPLAY &middot;
  <audio id='music' volume='0.5' autoplay controls>
    <source src="anonymous.mp3" type="audio/mpeg">
  </audio>
</div>

<script>
  var audio = document.getElementById("music");
  audio.volume = 0.3;
</script>

Answer 1

您可以在 src 中指定播放范围属性本身。查看文档 here :

When specifying the URI of media for an or element,you can optionally include additional information to specify theportion of the media to play. To do this, append a hash mark ("#")followed by the media fragment description.

A time range is specified using the syntax:

#t=[starttime][,endtime]

所以而不是:

<source src="anonymous.mp3" type="audio/mpeg">

简单的说:

<source src="anonymous.mp3#t=n,m" type="audio/mpeg">

哪里 n和 m分别是开始时间和结束时间。
范围也可以是无界的。所以你可以，例如这样做:

<source src="anonymous.mp3#t=19" type="audio/mpeg">

它将从 19 秒开始并一直播放到结束；甚至这个:

<source src="anonymous.mp3#t=,19" type="audio/mpeg">

这将从头开始到 19 秒。