7

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

4

1 に答える 1