0

Howlerを使って現在のトラックタイムをHTMLページに出力したいのですが、今のところ[Object object]しか表示されていません。関連するコード:

$(document).ready(function() {
    var position = 0;
    var sound = new Howl({
        src: ["audiofiles/" + $(xml).find('mp3').text()],
        autoplay: true,
        loop: true,
        volume: 0.5,
            onload: function () {
                console.log("LOADED");
            }
        });
        // Output and update current track time as song plays
        position = sound.pos();
        document.getElementById("current_time").innerHTML = position;

HTML ページへの出力に役立つ形式でトラック時間情報を抽出するにはどうすればよいですか? できれば、[mm/ss] のようにします。

sound.seek()オブジェクトも出力することも試しました。

HTML がブラウザーに読み込まれるとtoString()、変数 yield: [object Undefined] を呼び出すと、それを呼び出すと、空の文字列と見なされる結果が得られます (Web ページには何も出力されません)。positionJSON.stringify()

4

1 に答える 1

0

seek()ではなく使用する API を変更した howler.js 2.0 を使用しているようですpos()。ただし、これはその時点でのシーク値を取得するだけです。必要なペースで HTML で値を更新する必要があります (プレーヤーの例を見てください)。

シナリオに合わせて調整された例の関連コード:

function step() {
  // Get the current position and format it however you would like.
  var seek = sound.seek() || 0;
  document.getElementById("current_time").innerHTML = self.formatTime(Math.round(seek));

  // Update the value on each frame.
  if (sound.playing()) {
    requestAnimationFrame(step);
  }
}
于 2016-12-07T14:33:46.363 に答える