Вывод играющего трека нашего радио на вашем сайте
Вывод играющего трека нашего радио
Для бесплатного хосттинга:
Подключаем библиотеку Jquery между тегами <head> и </head> , если она у вас еще не подключена!
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script>
Вставляем между тегами <head> и </head> в код сайта
<script>
var mountpoint = "/live";
var mountpoint2 = "/nonstop";//нонстоп
var nac = true;
var counter=0;
var url = "http://s4.radioheart.ru:8029/json_new.xsl?"; //наш url к json в папке Web
var url2 = url;
url+= "mount=" + mountpoint + "&callback=";
url2+="mount=" + mountpoint2 + "&callback=";
function parseMusic(results)
{
for (var n in results){
var nm = results[n];
if(nm["title"] && nac){
nac = false;
$('#stream_name').text('Название станции: '+nm["name"]);
$('#stream_description').text('Описание станции: '+nm["description"]);
$('#stream_song').text('Сейчас в эфире: '+nm["title"]);
$('#stream_listenters').text('Слушателей: '+nm["listeners"]);
}
}
}
var span;
var script;
$.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; charset=utf-8"});
function initMusic()
{
span = document.createElement("span");
span.id="getscript";
document.body.appendChild(span);
script = document.createElement("script");
script.type="text/javascript";
script.charset="UTF-8";
}
function addMusic()
{
nac = true;
$('#getscript').empty();
script.src = url + counter;
$('#getscript').append(script);
script.src = url2 + counter;
$('#getscript').append(script);
}
function updateMusic()
{
counter=counter+1;
addMusic();
}
$(document).ready(
function () {
initMusic();
addMusic();
setInterval('updateMusic()', 30000 );
});
</script>
Вставляем между тегами <body> и </body> в код сайта там, где должна быть информация
<div id="stream_song"></div>
Для платного хостинга:
Создаем файл radiostat.php, вносим в него следующий код и сохраняем в корне сайта:
<?php
//НАСТРОЙКИ СКРИПТА//
//Ссылка на картинку, которая будет отображаться, если изображение не найдено в базе LAST.FM
$no_photo_url='http://upload.wikimedia.org/wikipedia/commons/3/37/No_person.jpg';
$width='100'; //ширина картинки
$height='100'; //высота картинки
//НЕ ИЗМЕНЯЙТЕ НИЧЕГО НИЖЕ///
//LIVE STREAM
$data=file_get_contents("http://s4.radioheart.ru:8029/status2.xsl?mount=/live");
$data=explode(",",$data);
if(($data[14]=='')OR(strlen($data[14])<2))
{
//NONSTOP
$data=file_get_contents("http://s4.radioheart.ru:8029/status2.xsl?mount=/nonstop");
$data=explode(",",$data);
}
$stream_title=$data[14];
//Если сайт в кодировке windows-1251 (cp-1251), раскомментируйте следующую строчку
//$stream_title=iconv("UTF-8","WINDOWS-1251",$stream_title);
$stream_description=$data[16];
$listeners=$data[15];
$mlisteners=$data[19];
$song=$data[17];
$image='';
//Если сайт в кодировке windows-1251 (cp-1251), раскомментируйте следующую строчку
//$song=iconv("UTF-8","WINDOWS-1251",$song);
// Выводим данные
echo "<div id='radiostat'>";
echo "Сейчас в эфире: $song<br />";
echo "</div>";
?>
Добавляем контейнер на сайте, где должна отображаться информация:
<div id="radiostat">Загрузка...</div>
Подключаем библиотеку Jquery между тегами <head> и </head> , если она у вас еще не подключена!
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Добавляем скрипт вывода и автообновления информации:
Вставляем между тегами <head> и </head> в код сайта
<script>
function nowplay()
{
$.ajax({
url: "radiostat.php", //Тут указываем файл со скриптами
cache: false,
success: function(html){
$("#radiostat").html(html); //Контейнер для вывода информации
}
});
}
$(document).ready(function(){
nowplay();
setInterval('nowplay()',30000); //Время в милесекундах, 30000=30сек
});
</script>