Ajax скрипт для онлайн-радио » Блог Обычного веб-мастера

Пару дней назад друг попросил написать скрипт, который бы с периодичностью в какое-либо время обновлял поток вещания для его онлайн-радио. Для того, что бы пользователь не обновлял сам страницу было целесообразно использовать всю прелесть технологии ajax.

Сам процесс заключается в следующем. На странице этого онлайн радио в фрейме выводится поток определенной радиостанции из Германии с помощью обычного Windows плейера. Но в определённое время необходимо сменить потоки, что бы на сайте начали вещать свои ди-джеи.

Расписание хранится в базе данных и поэтому необходимо создавать запрос без перезагрузки страницы через определённое время. Я выбрал для таймера одну секунду как – пока посещаемость небольшая, для сервера нагрузка копеечная.

Для тех, для кого интересен подобный скрипт, распишу. Имеем:

1. Файл index.php, к которому идёт запрос пользователя, то есть сама загрузка страницы;
2. text.php – скрипт на языке php для обработки запроса и вывода нужного потока;
3. ajax.js – сам скрипт для синхронной отправки HTTP запросов к серверу;

index.php содержит только лишь загрузку JavaScript кода: как Ajax функций, так и обработчик таймера, а так же блок для вывода ответа сервера:

• <script type=»text/javascript» src=»ajax.js»></script>
  <script type=»text/javascript»>
  function Taimer() {
  setTimeout(«Taimer2()», 1000);
  }
  function Taimer2 () {
  makeRequest();
  Taimer();
  }
  Taimer();
  </script>
• <center><div id=»block»></div></center>

Таким образом, в блок id=»block» сервер отправит результат обработки php скрипта.

Файл text.php содержит только лишь вывод текущего времени (запросы к БД я убрал по понятным причинам):

• <?php
  //Кодировка
  header(‘Content-Type: text/html; charset=windows-1251′);
  //cообщение
  $time = date(«G.i.s»);
  echo ‘<h1>Сейчас ‘.$time.’</h1>’;
  ?>

Сам скрипт, который находится в файле ajax.js я приводить не буду, дам лишь ссылку для его скачивания.

С помощью данного скрипта проще простого создать любой, даже довольно-таки сложный скрипт на ajax. Дерзайте, пробуйте и всё получится…

P.S. Ах, да… результат работы – готическое онлайн радио Darkradio.ru.