Здесь расскажу про вставку радио на вашем сайте, при этом внимание будет уделяться тем радио плеерам, в которых есть плейлист, то есть возможность выбора (достаточно большого количества) радио станций.

Скачать исходники для статьи можно ниже

1. http://lovi.fm/embed/

Начну с данного ресурса.

У данного сайта есть следующие цветовые схемы для плеера:

Также можно отрегулировать высоту и ширину плеера.

Выбор станций – здесь их достаточно много, выбор можно производить по жанрам и по странам, кому как понравится.

Чтобы выбрать достаточно поставить галочку напротив нужной радио станции.

Дополнительные опции:

– Автоплей (автоматическое воспроизведение при первом входе)

Вот так простенько и со вкусом будет выглядеть сам плеер:

Как же установить радио плеер на сайт wordpress?

После выбора всех настроек, появится окошко с кодом для плеера.

Копируем его.

Легче всего будет вставить его в виджет на вашем сайте – для этого открываем панель управления сайтом, далее в левом меню выбираем пункт “Внешний вид” и подпункт “Виджеты”. Среди списка доступных виджетов найдите с названием “Текст”, который позволяет вставить Произвольный текст или HTML-код, переносим его в нужный сайдбар (список сайдбаров находится справа), пишем заголовок (если нужно) и вставляем код плеера, нажимаем на кнопку “Сохранить”.

Все теперь обновляем страничку сайта и плеер работает.

2. http://online.fm/ru/page/installplayer

Плюс данного ресурса в том, что плеер открывается в новом окне, а на сайте присутствует только кнопочка для него.

Здесь настроек поменьше чем в предыдущем варианте, всего то выбрать размер кнопки и радиостанцию, которая будет работать при открытии плеера:

Однако сам плеер, который открывается в окошке просто отличный, в нем можно выбрать станцию, которых здесь также большое количество, здесь же вы сможете увидеть какая песня проигрывается и какие будут следующими:

3. http://radiopotok.ru/radio_on_site

Здесь также достаточно большой выбор радио станций, для выбора нескольких значений из списка радиостанций нужно применять клавиши <Ctrl> и <Shift> совместно с курсором мыши.

После выбора доступно три варианта плеера – скудновато, учитывая, что другие настраиваемые параметры отсутствуют:

Первый вариант:

Второй:

Третий:

Зато просто и быстро.

4. http://naradio.net/index/0-11

Здесь предлагается вот такой радио плеер на ваш сайт:

Настроек нет, радиостанций меньше, чем на предыдущих ресурсах, но сделан плеер симпатично и компактно.

5. http://radio-online.com.ua/radio_na_site.php

Здесь есть достаточно большой выбор радиостанций, возможность выбрать их, поставив галочки напротив нужной, также есть выбор цвета фона и текста в плеере, размера плеера, размера шрифта в плеере, количества изображений в строке.

Вот так приблизительно будет выглядеть плеер:

Пожалуй все!

Хотелось бы рассказать в данной статье еще об бесплатных flash плеерах для проигрывания радиостанций.

Самый простой в установке и достаточно симпатичный можно найти по следующей ссылке:

http://myradio24.com/index.php?to=set

Вот как он будет выглядеть, при этом скачивать ничего не надо, а достаточно также установить код на свой сайт.

У него есть и другие цветовые схемы.

Давайте подробнее остановимся на данном плеере.

Рассмотрим код, который предлагается установить на сайт, чтобы появился данный плеер:

<div id=wmp>Загрузка плеера ...<br><a href="http://www.macromedia.com/go/getflashplayer">Скачать</a></div>
<script src="http://myradio24.com/swfobject.js"></script>
<script type="text/javascript">
var so = new SWFObject("http://myradio24.com/energy.swf?v11", "simple", "180", "75", "9");
so.addParam("wmode", "transparent");
so.addParam("allowScriptAccess", "sameDomain");
so.addVariable("type", "mp3");
so.addVariable("stream", "http://listen2.myradio24.com:9000/8000");
so.addVariable("song", "http://myradio24.com/users/8000/status.txt");
so.addVariable("song_refresh", "15");
so.addVariable("traffic", "yes");
so.addVariable("listeners", "yes");
so.addVariable("autostart", "yes");
so.addVariable("start_volume", "70");
so.addVariable("style", "1");
so.write("wmp");
</script>

 
Здесь строчка с кодом, задает радиостанцию, которая будет проигрываться:

so.addVariable("stream", "http://listen2.myradio24.com:9000/8000");

 
Как же ее поменять?
Достаточно зайти на главную страничку http://myradio24.com/, где представлены на момент публикации данной статьи 238 радио каналов в виде таблицы.

Так вот для того, чтобы например поменять радио на “СПОКОЙНОЕ РАДИО”, которое находится на первой позиции в таблице, достаточно изменить радиопоток и сервер.
У радио “СПОКОЙНОЕ РАДИО” радиопоток 8092 и сервер listen2, а установленного по умолчанию в плеере, код которого мы скачали радиопоток 8000 и сервер listen2, вот и поменяем их, тогда строчка будет у нас выглядеть следующим образом:

so.addVariable("stream", "http://listen2.myradio24.com:9000/8092");

Радио поменялось, однако названия в плеере выводятся со старого радиопотока, чтобы это поменять нужно изменить еще одну строчку:

so.addVariable("song", "http://myradio24.com/users/8000/status.txt");

Здесь достаточно поменять радиопоток, то есть для нашего примера изменить 8000 на 8092:

so.addVariable("song", "http://myradio24.com/users/8092/status.txt");

Но для смены радиопотока есть более простой способ – достаточно выбрать нужное радио в таблице и нажать в столбике “Слушать” на третью кнопочку .
После нажатия плеер с радио откроется в новом окошке, а теперь достаточно посмотреть на исходный код данного окна – для этого нажмите комбинацию клавишь CTRL+U, вот он для радио “СПОКОЙНОЕ РАДИО”:

<html>
<head>
<title>Radio Player</title>
</head>
<body style='text-align:center;'>
<p id="wmp">Загрузка плеера ...<br><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a></p>
<script src="http://myradio24.com/swfobject.js"></script>
<script type="text/javascript">
var so = new SWFObject("energy.swf?v7", "simple", "180", "75", "9");
so.addParam("wmode", "transparent");
so.addParam("allowScriptAccess", "sameDomain");
so.addVariable("stream", "http://listen2.myradio24.com:9000/8092");
so.addVariable("song", "http://myradio24.com/users/8092/status.txt");
so.addVariable("song_refresh", "15");
so.addVariable("traffic", "yes");
so.addVariable("listeners", "yes");
so.addVariable("autostart", "yes");
so.addVariable("start_volume", "70");
so.addVariable("style", "1");
so.write("wmp");
</script>
</body>
</html>

Просто ищем в нем строчки:

so.addVariable("stream", "http://listen2.myradio24.com:9000/8092");
so.addVariable("song", "http://myradio24.com/users/8092/status.txt");

И заменяем их в коде плеер, который мы скачали по умолчанию.
После этого радио меняется.

Все настройки для плеера можно поменять также в коде, например – автоплей (автоматическое проигрывания радио при загрузке страницы), за него отвечает следующая строчка:

so.addVariable("autostart", "yes");

Чтобы убрать автоплей нужно поменять yes на no.

Аналогичные операции нужно производить и с плеерами, указанными ниже, то есть для смены радио можно пользоваться сайтом http://myradio24.com заменяя старый радиопоток на новый, в большинстве из них есть плейлисты (тестовые файлы), в которых и нужно прописывать путь к радиопотоку.
Например для радио “СПОКОЙНОЕ РАДИО” путь в плейлисте будет выглядеть так:

http://listen2.myradio24.com:9000/8190

Но в большинстве случаев для установки красивого flash плеера на свой сайт вам придется его скачать и установить на свой сайт.

Ниже приведу ссылки на бесплатные плеера со скачиванием.

http://forradio.net/energy

Есть 4 бесплатных плеера.

http://playmju.ru/setup/

http://playraa.ru/