Drum Theatre

#2
Radio 2410

Вывод играющего трека нашего радио на вашем сайте

Вывод играющего трека нашего радио

Для бесплатного хосттинга:

Подключаем библиотеку 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>

 

To send a comment, login with your account or create a new