html - 在带有链接的 html5 音频播放器上设置当前时间

Question

有谁知道如何通过单击带有时间的链接来设置 html5 音频的 currentTime 属性？类似于 Youtube 的做法吗？假设我单击“3:10”链接，它会立即将当前播放音频的 currentTime 更改为 3:10。

<audio controls loop class="sound">
    <source src="../../site/music/music1.mp3"/>
    <source src="../../site/music/music2.ogg"/>
</audio>

Lorem ipsum dolor sit amet, <b><a>3:10</a></b> consectetur adipiscing elit.

Answer 1

很简单，只需使用or 标签的currentTime属性即可。

注意：
- 当前时间以秒而不是分钟为单位设置。所以 3:10 表示第二个 190。
- 您应该为您的音频/视频示例提供一个 ID：

<audio id="myAud" controls loop class="sound"> 
<a href="#" onClick="{myAud.currentTime=190;}">Set CurTime</a>