Soundcloud当前曲目信息

Question

Concerning the following site

Pretty simple, but none the less I seem to be falling at the first hurdle on this.

Using the following code currently to try and obtain a track name and artist from the currently active soundcloud player (of which there are 4 ,with the class 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('') + '');
            });
        });
    });
});

for one, the console is registering 'iframeElement is not defined' as an inital error. But all in all, I cant seem to get any useful data out of this to process.

Where am i going wrong here?

Kindest regards to the community.

Answer 1

You have the variable names incorrect, they have "$" at the begining,

$(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('') + '');
            });
        });
    });
});

EDIT:

getElementsByClassName returns an array of results. So if there is only one iframe with "SCiframe" classname, you should pass first index of $iframeElement as paramater in SC.Widget, try this,

$(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('') + '');
            });
        });
    });
});