How to get Shoutcast current track title and artwork in JS

Question

I am trying to create a customised radio player, that updates itself automatically about the title and artwork of the current streaming audio.

Shoutcast does have an API but it is only working with its Dev ID but Shoutcast recently does not provide any Dev ID apparently. So I need another workaround.

There are some PHP solution, but since I do not know the language I could not find out their solution. Could please provide some examples or hints about how to get the current track title, artwork, even possibly the artists name.

Thanks in advance

score 11 · Accepted Answer · answered May 24 '17 at 13:03

The following shoutcast pages give you:

Current song:     http://yourstream:port/currentsong?sid=#
Last 20 songs:    http://yourstream:port/played.html?sid#
Next songs:       http://yourstream:port/nextsongs?sid=#

nextsongs?sid=# must be supported by the player which feeds the stream. sc_trans supports this feature.

A small ajax jQuery example:

// Get current song
function NowPlaying(){
    $.ajax({
        url: "http://www.mofosounds.com:8000/currentsong?sid=#", 
        type: "GET",
        success: function(result) {
            $("#playing").html(result);
        }
    });
}

// Update every 5 seconds
setInterval(function(){
    NowPlaying();
}, 5000);

Note: In order to do Cross domain ajax requests, CORS must be enabled. Read more about CORS in this article

score 0 · Answer 2 · answered Mar 25 '21 at 12:49

without CORS

songName.php

$songName = file_get_contents('http://yourip:port/currentsong?sid=#');
echo $songName;

change function

// Get current song
function NowPlaying(){
    $.ajax({
        url: "songName.php", 
        type: "GET",
        success: function(result) {
            $("#playing").html(result);
        }
    });
}

How to get Shoutcast current track title and artwork in JS

2 Answers2