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

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>

我们可以创建一个 javascript 事件来通过单击 HTML 元素来捕获播放音频的耗时吗？

Answer 1

使用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>