Это JSON. Различные парсеры для разных языков доступны на http://json.org/
GoDaddy поддерживает PHP как серверный язык. Быстрый и грязный способ анализа ответа JSON от внешнего сервера. Сохраните приведенный ниже код с расширением .php (например, currently_playing.php):
<?php
// retrieve the contents of the URL
$ch = curl_init('http://wtsh.streamon.fm/card');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$res = curl_exec($ch);
curl_close($ch);
// parses the HTTP response and checks if the title exist
if (($json = json_decode($res)) && $json->title) {
echo 'Title: ' . htmlspecialchars($json->title ) . '<br>';
echo 'Artist: ' . htmlspecialchars($json->artist) . '<br>';
echo 'Album: ' . htmlspecialchars($json->album ) . '<br>';
} else {
echo 'No information available, please check again later';
}
?>
Как правило, вы выполняете некоторое кэширование результата, обновление информации о песне каждые 10 секунд должно быть в порядке.
Похоже, что ответ содержит данные о времени окончания песни (в миллисекундах). Тогда лучше будет проверить, прошло ли это время, и если да, обновить кэш.
<?php // filename: current_song.php
$json = null;
$cache = 'song.json';
// if a cache exists and the time has not passed, use it
if (file_exists($cache)) {
$json = json_decode(file_get_contents($cache));
if ($json->interval && $json->interval->ends_at / 1000 < time()) {
// expired, discard json
$json = null;
}
}
// if there is no usuable cache
if (!$json) {
// retrieve the contents of the URL
$ch = curl_init('http://wtsh.streamon.fm/card');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$res = curl_exec($ch);
curl_close($ch);
$json = json_decode($res);
// if the title exists, assume the result to be valid
if ($json && $json->title) {
// cache it
$fp = fopen('song.json', 'w');
fwrite($fp, $res);
fclose($fp);
} else {
$json = null;
}
}
if ($json) {
$info = array();
// contains the time in milliseconds
$info['wait_ms'] = $json->interval->ends_at - 1000 * microtime(true);
$info['title'] = $json->title ;
$info['artist'] = $json->artist;
$info['album'] = $json->album ;
$info['image'] = $json->album_art;
// display a JSON response for the HTML page
echo json_encode($info);
}
?>
Чтобы встроить его в HTML-страницу, используйте:
<img id="song_image"><br>
Title: <span id="song_title">-</span><br>
Artist: <span id="song_artist">-</span><br>
Album: <span id="song_album">-</span>
<script>
(function () {
// we need a JSON parser, if it does not exist, load it
if (typeof JSON == "undefined") {
var s = document.createElement("script");
// json2.js retrieved from https://github.com/douglascrockford/JSON-js
s.src = "json2.js";
document.getElementsByTagName("head").appendChild(s);
}
})();
var song_ends = 0;
function update_song () {
if ((new Date).getTime() < song_ends) {
// use cached result as the song has not ended yet
return;
}
var req = new XMLHttpRequest();
// IE compatbility:
var textContent = 'textContent' in document ? 'textContent' : 'innerText';
req.onreadystatechange = function () {
if (req.readyState == 4) {
var song = JSON.parse(req.responseText);
if (song.title) {
var img = document.getElementById("song_image");
img.alt = song.image.alt;
img.src = song.image.src;
img.width = song.image.width;
img.height = song.image.height;
document.getElementById("song_title")[textContent] = song.title ;
document.getElementById("song_artist")[textContent] = song.artist;
document.getElementById("song_album")[textContent] = song.album ;
// store the end date in javascript date format
song_ends = (new Date).getTime() + song.wait_ms;
}
}
};
req.open('get', 'current_song.php', true);
req.send(null);
}
// poll for changes every second
setInterval(update_song, 1000);
// and update the song information
update_song();
</script>