2016-12-06 4 views
0

Howlerを使用して現在のトラック時間をHTMLページに出力しようとしていますが、現時点では[Object object]と表示されています。関連するコード:sound.pos()Howlerメソッドはオブジェクトを返しますが、整数または文字列が必要です

$(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()も試しました。

position変数収量にtoString()呼び出し:HTMLがブラウザにロードされ、その上にJSON.stringify()を呼び出すと、私は空の文字列(何ウェブページに何も出力しない)であることを前提とするものになりされている場合、[オブジェクト不定]。

答えて

0

howler.js 2.0を使用しているようですが、pos()ではなくを使用するようにAPIを変更しました。しかし、これはちょうどその時点でのシーク値を取得することです、あなたはあなたが望むペースであなたのHTMLでそれを更新する責任があります(プレーヤーexampleを見てください)。

シナリオのための微調整の例から該当するコード:

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); 
    } 
} 
関連する問題