html5 显示音频当前时间

Question

我想显示 html 5 音频元素的当前时间和该元素的持续时间。我一直在网上寻找，但找不到一个功能脚本，它允许我显示音频文件的长度和当前时间，例如 1:35 / 3:20。

任何人有任何想法:)？

原文由 Lenny Magico 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是一个例子：

 <audio id="track" src="http://upload.wikimedia.org/wikipedia/commons/a/a9/Tromboon-sample.ogg"
       ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">
    <p>Your browser does not support the audio element</p>
</audio>
<span id="tracktime">0 / 0</span>
<button onclick="document.getElementById('track').play();">Play</button>

这应该适用于 Firefox 和 Chrome，对于其他浏览器，您可能需要添加替代编码。

原文由 robertc 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

这是简单的用法。请记住 html5 元素仍在开发中，因此任何事情都可以改变：

     audio = document.getElementsByTagName("audio")[0];

    //functions
    audio.load();
    audio.play();
    audio.pause();

    //properties
    audio.currentSrc
    audio.currentTime
    audio.duration

这是参考 HTML5 音频

要在播放音频时获取当前时间，您必须附加 timeupdate 事件并在回调函数中更新您的当前时间。

dev.opera 上的简单教程音频/视频 html5

原文由 KJYe.Name 发布，翻译遵循 CC BY-SA 2.5 许可协议