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 をチェックするメソッドが見つからないので、タイマー関数を更新できます。
別のルートは、次のように setInterval をトリガー/トグルすることonplay:
です。
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