【发布时间】:2014-12-15 10:50:32
【问题描述】:
我正在使用 Howler.js 库播放一些 HTML5 音频。
目前我能够使用sound.duration(); 确定音频文件的总长度,但是我不确定如何创建一个计时器来显示播放了多少时间。
我像这样创建一个简单的声音对象:
var sound = new Howl({
src: ['sound.ogg', 'sound.mp3', 'sound.wav'],
autoplay: true,
loop: false,
volume: 1,
onload: function() {
var totalSoundDuration = sound.duration();
},
onplay: function(getSoundId) {
//sound playing
},
onend: function() {
//sound play finished
}
});
我似乎在库 (?) 中找不到任何方法来检查 currentTime,因此我可以更新我的计时器函数。
另一种方法可能只是在onplay: 上触发/切换 setInterval,例如:
var currentTimeTracker=setInterval(function () {myTimer()}, 1000);
function myTimer() {
timePlayed++;
$("#time" ).html(timePlayed);
}
不确定这是否是一个好方法?有什么建议吗?
Howler.js 参考: https://github.com/goldfire/howler.js/tree/2.0#global-core-properties
【问题讨论】:
标签: javascript howler.js