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()“选项”对象的文档可以作为第二个参数传入：

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 回答