Показать сообщение отдельно
  #4 (permalink)  
Старый 20.02.2014, 23:59
Аватар для Опан
Кандидат Javascript-наук
Отправить личное сообщение для Опан Посмотреть профиль Найти все сообщения от Опан
 
Регистрация: 15.03.2013
Сообщений: 100

Создаём файл с таким содержимым:
<?php echo "...Тут HTML-код плеера, и его нужно будет обновлять..."; ?>

Называем файл, скажем, script.php На странице радиостанции место под плеер заключаем в <div id=player>. Добавляем функцию, как в этом коде:
<script type="text/javascript">
function startAjax(url){
   var request; 
   if(window.XMLHttpRequest){ 
       request = new XMLHttpRequest(); 
   } else if(window.ActiveXObject){ 
       request = new ActiveXObject("Microsoft.XMLHTTP");  
   } else { 
       return;
   } 
   
   request.onreadystatechange = function(){
         switch (request.readyState) {
           case 4:{
            if(request.status==200){     
                         document.getElementById("player").innerHTML = request.responseText; 
                      }else if(request.status==404){
                         alert("Ошибка: запрашиваемый скрипт не найден!");
                      }
                       else alert("Ошибка: сервер вернул статус: "+ request.status);
            
             break
             }
         }       
     } 
     request.open ('GET', url, true); 
     request.send (''); 
   } 
  
   setInterval("startAjax('script.php')",300000); // Проверяем через каждые 5 минут обновление плеера
   
</script>


<div id="player">
 Тут будет периодически загружаться код плеера
 </div>

Лучше частоту обновлений делать не чаще, чем через 5 минут, так как если при этом будет кратковрменный провал трансляции, чтобы это не было слишком часто.

Последний раз редактировалось Опан, 21.02.2014 в 04:08.
Ответить с цитированием