javascript - 纯 HTML5 音频播放器 : duration and start

Question

使用 HTML5 设计音频播放器非常简单:

 <audio controls>
  <source src="http://picosong.com/cdn/27590d7ce366627ec0d20d06ec2bbe1c.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> 

我想设置一个起点(例如:1'26")和持续时间(例如:10 秒)，即播放器不应显示整个音频文件，而只能显示这 10 秒。

如何使用 HTML5 设置开始点和持续时间 <audio>使用纯 HTML5 或 HTML5+JS？(即没有大型第三方 JS 库)

Answer 1

您可以在音频文件url中设置播放范围。 像这样#t=[开始时间][,结束时间]

mdn article

示例:

<audio controls>
  <source src="http://picosong.com/cdn/27590d7ce366627ec0d20d06ec2bbe1c.mp3#t=120,130" type="audio/mpeg">
Your browser does not support the audio element.
</audio>