Question

将一个简单的`HTML5音频播放器视为（live example）

<audio controls>
  <source src="https://hpr.dogphilosophy.net/test/flac.flac" type="audio/flac">
</audio>
<br />
<dic class="capture">
  Click here to get the current played time (elapsed time)
</dic>

我们可以通过点击HTML元素来创建一个javascript事件来捕捉播放音频的已用时间吗？

Answer 1

我相信HTML音频有一个内置的currentTime属性，您可以用它来获取当前所在音频中的点：

https://www.w3schools.com/tags/av_prop_currenttime.asp

这是你要找的吗？

Answer 2

使用currentTime获取当前时间戳，例如：

var audio = document.getElementById("audio-element");

document.getElementById('capture').addEventListener('click', () => {
    console.log(audio.currentTime);
});

<audio id="audio-element" controls>
  <source src="https://hpr.dogphilosophy.net/test/flac.flac" type="audio/flac">
</audio>
<br />
<button id="capture">
  Click here to get the current played time
</button>

如何从HTML5音频播放器获取播放时间？

2 个答案: