Beatport widget live demo: http://jsdo.it/9re/beatport_widget

beatport_widget.js

(function($){
function Beatport(artistId) {
    this.artistId = artistId;
}

Beatport.prototype.load = function load(container) {
    fetchRelease(this.artistId, function (tracks) {
        tracks.forEach(function (track) {
            $(container).append(getBeatportPlayerEmbedCode(track));
        });
    });
};

window.Beatport = Beatport;
    
function fetchRelease(artistId, callback) {
    var url = 'http://api.beatport.com/catalog/3/tracks?' +
        buildQuery({
            perPage : 5,
            page : 1,
            'facets[]' : 'artistId:' + artistId,
            sortBy : 'publishDate+DESC,releaseId+DESC'
        });

    $.ajax({
        method : "GET",
        url : url
    }).done(function(res){
	var tracks = [];
	var lastReleaseId = null;
	var releaseCount = 0;
	for (var i = 0, len = res.results.length;
	     i < len; ++i) {
	    var track = res.results[i];
	    if (tracks.length < 3 ||
		lastReleaseId == track.release.id) {
		tracks.push(track.id);
	    } else {
		break;
	    }
	    lastReleaseId = track.release.id;
	}
	callback(tracks);
    });
}

function getBeatportPlayerEmbedCode(trackId) {
    return '<iframe src="http://embed.beatport.com/player/?id=__trackId__&type=track" width="100%" height="160" frameborder="0" scrolling="no" style="max-width:600px;"></iframe>'.replace('__trackId__', trackId);
}

function buildQuery(params) {
    return Object.keys(params).map(function(key) {
        return ([key, params[key]]).join('=');
    }).join('&');
}

})(jQuery);

It works I can't see the live demo!