Начать свой бизнес, гораздо проще чем
многие думают. Здесь как раз об этом

Как поставить радио себе на сайт

Добавлено: 23.11.18
Автор: stin
Просмотрено: 90 раз
Теги: идеи блог
Комментарии (0)

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

Зачем нужно радио на сайте?

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

Скрипт для он-лайн радио

Покопавшись в интернете, нашел несколько вариантов реализации онлайн радио на своем блоге. Как вариант, можно на своем сайте организовать собственную радиостанцию, но сразу скажу, что меня больше заинтересовало размещение какой-либо радиостанции FM диапазона.

Как поставить радио себе на сайт

Больше всего мне понравились скрипты с сайта http://fmradio-online.ru/ , написанные на JAVA. Я не особый специалист в этом языке, но методом проб и ошибок у меня получилось убрать со скрипта лишнее, кое что исправить для себя. Как выглядит что у меня получилось можно посмотреть и проверить на этом сайте если опуститься в «подвал» (футер).

В чем преимущества этого скрипта?

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

  • Предлагаемый скрипт универсальный, т.е. подойдет под практически любую CMS. Лично я тестировал его на сайтах собранных на DLE, Wordpress и «чистом» HTML, но думаю и на других движках он будет работать нормально.
  • Со всеми настройками дизайна отображаемого плеера и перечня радиостанций, можно разобраться непосредственно в скрипе, так как сделаны они без таблицы стилей CSS.
  • В этом плеере можно установить сколько угодно FM радиостанций. Сейчас в скрипте я установил 5 популярных московских радиостанций.

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

<!--noindex--> <div id="RO_Moskva" style="text-align:center;width:240px;background:#fff;" > <a href="http://fmradio-online.ru/" id="aRM">Радио онлайн слушать</a> </div> <script type="text/jаvascript" charset="UTF-8"> function unit_RO_M_rPlayer(){var a=_id("RO_Moskva"),e=_id("aRM"),f=!1,b={ 1:["Бизнес FM : 87.5 FM","http://bfmstream.bfm.ru:8004/fm"], 2:["Юмор FM : 88.7 FM","http://ic2.101.ru:8000/v5_1"], 3:["Комсомол правда : 97.2 FM","http://kpradio.hostingradio.ru:8000/128"], 4:["Вести FM : 97.6 FM","http://icecast.vgtrk.cdnvideo.ru/vestifm_mp3_128kbps"], 5:["Маяк : 103.4 FM","http://icecast.vgtrk.cdnvideo.ru/mayakfm_mp3_128kbps"], 6:["Capital FM : 105.3 FM","http://icecast.vgtrk.cdnvideo.ru/capitalfmmp3"]}, c='<ul style="margin: 0; padding: 0; list-style: none;">',d;for(d in b)b[d][1]&&(c+='<li style="margin: 3px 0; padding: 0;">', c+='<a href="'+b[d][1]+'" onclick="pl_M_rad(event); return false;" oncontextmenu="return false;" style="display: inline-block; width: 98%; margin: 0; padding: 7px 0; border: 1px solid #584b79; text-decoration: none; color: #584b79; font: normal 14px Arial, Verdana;">'+ b[d][0]+"</a>", c+="</li>");b='<div style="display: inline-block; width: 98%; margin: 0 0 3px 0; padding: 5px 0; border: 1px solid #584b79; font: normal bold 16px Arial, Verdana;" > <audio id="RO_M_rAudio" controls style="width: 115px; margin: 5px 0;" > </audio><div id="RO_M_rTitle" style="color: #800000;">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0430\u0434\u0438\u043e</div></div>'+ ('<div id="RO_M_list" style="height: 220px; overflow: auto;" >'+(c+"</ul>")+"</div>");e&&"http://fmradio-online.ru/"==e.href&&"nofollow"!=e.rel&&(f=!0);a&&f&&(a.innerHTML=b)}function _id(a){return document.getElementById(a)} function pl_M_rad(a){_id("RO_M_rTitle").innerHTML=a.target. innerHTML;_id("RO_M_rAudio").src=a.target.href;_id("RO_M_rAudio"). play()}window.addEventListener("load",unit_RO_M_rPlayer); </script> <!--/noindex-->

Скачать этот скрипт можно здесь.

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

Установить он-лайн радио на своем блоге не сложно, просто вставьте скачанный код в шаблон сайта в то место, где бы вы хотели видеть плеер радиоприемника. Скрипт подойдет для почти всех движков. К примеру, в Wordpress проще всего устанавливать этот скрипт в виджет. В CMS DLE, скрипт всавляется прямо в файл main.tpl активного шаблона. Экспериментируйте.

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

Прокомментировать
Кликните на изображение чтобы обновить код, если он неразборчив