5

SoundManager2 と Soundcloud の両方が提供するオプションを使用して、独自の soundcloud メディア プレーヤーを構築しようとしています。

これが私の現在のコードです：

SC.stream('/tracks/' + this.media.mediaId, function(audio){
            audio.load({
                onload : function(){
                    var duration = this.duration;

                },
                onfinish : function(){
                    self.updatePlayButton();
                    console.log('Finished');
                },
                onresume : function(){
                    self.updatePlayButton();
                    console.log("resumed");
                },
                onstop : function(){
                    self.updatePlayButton();
                    console.log("Stopped");
                },
                onpause : function() {
                    self.updatePlayButton();
                    console.log('Paused');
                },
                whileplaying : function()
                {
                    console.log(this.position);
                    self.updateScrubber(this.position / (this.duration / 100));
                    self.$timeLeft.text(self.formatTime(this.position / 1000));
                    console.log(totalPercent,'My position');
                }

            });
            self.audio = audio.sID;
            self.registerEvents();
        });

以下を使用してオーディオを再生します。

soundManager.getSoundById(self.audio).togglePause();

オーディオが再生され、それに応じてすべてのコールバックが起動されます。しかし、「onfinish」コールバックの後、再生をもう一度押すと、オーディオが再生されますが、イベントは発生しません。

私は何を間違えましたか？

4

1 に答える 1

4

「オプション」オブジェクトのドキュメントによるとSC.stream()、2 番目の引数として渡すことができます。

SC.stream(trackPath, [options], [callback])

オプションはそれ自体に関連付けられるため、やsoundObjectなどの個々のメソッドを呼び出すときに再度宣言する必要はありません。.load().play()

次のように呼び出してみてください。

var myOptions = {
  onload : function() {
    var duration = this.duration;
  },
  onfinish : function(){
    self.updatePlayButton();
    console.log('Finished');
  },
  onresume : function(){
    self.updatePlayButton();
    console.log("resumed");
  },
  onstop : function(){
    self.updatePlayButton();
    console.log("Stopped");
  },
  onpause : function() {
    self.updatePlayButton();
    console.log('Paused');
  },
  whileplaying : function() {
    console.log(this.position);
    self.updateScrubber(this.position / (this.duration / 100));
    self.$timeLeft.text(self.formatTime(this.position / 1000));
    console.log(totalPercent,'My position');
  }
}

SC.stream('/tracks/' + this.media.mediaId, myOptions, function(audio){
  audio.load();
  self.audio = audio.sID;
  self.registerEvents();
});

duration関数内の変数で何もしないなど、コードには他にも奇妙に見えるものがありますonload。また、変数を使用しselfながら使用thisすると、Python を書いているのか JavaScript を書いているのかわからないように見えますが、意味があるかもしれません。

うまくいけば、soundObjectこの方法にオプションを追加すると、とにかく当面の問題が解決します。幸運を！

于 2014-09-01T23:16:27.613 に答える