的SoundCloud当前曲目信息

Question

关于the following site

很简单，但没有少，我似乎在这个第一关在下降。

使用以下代码目前尝试和从当前有效的SoundCloud播放器获得轨道名称和艺术家（其中有4，与类SCiframe）

$(function() { 
    var $iframeElement = document.getElementsByClassName('SCiframe'); 
    var $widgets = SC.Widget(iframeElement); 
    widgets.bind(SC.Widget.Events.READY, function() { 
     widgets.bind(SC.Widget.Events.PLAY, function() { 
      // get information about currently playing sound 
      widgets.getCurrentSound(function (currentSound) { 
       $('#trackInfo').append('Current Track: ' + currentSound.get('') + ''); 
      }); 
     }); 
    }); 
}); 

为一体，控制台注册'iframeElement没有定义'作为初始错误。但总而言之，我似乎无法得到任何有用的数据来处理。

我在哪里错了？

最真诚的问候社区。

Answer 1

你有变量名称不正确，他们有 “$”，在开始时，

$(function() { 
    var $iframeElement = document.getElementsByClassName('SCiframe'); 
    var $widgets = SC.Widget($iframeElement); 
    $widgets.bind(SC.Widget.Events.READY, function() { 
     $widgets.bind(SC.Widget.Events.PLAY, function() { 
       // get information about currently playing sound 
       $widgets.getCurrentSound(function (currentSound) { 
       $('#trackInfo').append('Current Track: ' + currentSound.get('') + ''); 
      }); 
     }); 
    }); 
}); 

编辑：

getElementsByClassName方法返回结果的数组。因此，如果只有一个与“SCiframe”类名的iframe，你应该通过$ iframeElement的第一个指数作为paramater在SC.Widget，试试这个，

$(function() { 
    var $iframeElement = document.getElementsByClassName('SCiframe'); 
    var $widgets = SC.Widget($iframeElement[0]); 
    $widgets.bind(SC.Widget.Events.READY, function() { 
     $widgets.bind(SC.Widget.Events.PLAY, function() { 
      // get information about currently playing sound 
      $widgets.getCurrentSound(function (currentSound) { 
       $('#trackInfo').append('Current Track: ' + currentSound.get('') + ''); 
      }); 
     }); 
    }); 
});