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

03.08.2019

 Если Ваш сайт развлекательного плана, то возможно, Вам пригодится скрипт онлайн радио. Устанавливается он быстро и бесплатно. 

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

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


Переходим по ссылке на сайт авторов.

1. Выбираем из предложенных радиостанции. 
    Перетаскиваем нужные из окна справа в окно слева.
   

   Чтобы расположить выбранные радиостанции в нужном Вам порядке, то их названия можно перетаскивать вверх-вниз.
   
2. Далее есть возможность настроить внешний вид - как будет блок с радио отображаться на сайте.

 Цвет фона и кнопок, ширину плеера: на всю ширину сайта (автоматически подстраивается) или фиксированная (укажите нужный размер в пикселях).


  Чуть выше будет предпросмотр плеера с радио.


3. После настроек ниже будет готовый код скрипта радио. Его нужно скопировать и вставить на сайт в шаблон сайта или в виджет (гаджет). 

В сайтах на Blogger все скрипты удобно вставлять (и они так лучше работают) в гаджет HTML/JavaScript (Дизайн -> Добавить гаджет).

       

  Попробуем вставить код онлайн радио в сообщение (в режиме HTML)



Онлайн радио #radiobells_script_hash


Если здесь не работает - послушать радио онлайн можно на сайте Отдыхай-ка! (в нижней части страницы, плеер на желтом фоне).

Радиостанции на русском языке я расположила в алфавитном порядке для удобства поиска. Если Вы хотите добавить к себе на сайт скрипт с этими же станциями, то скопируйте вот этот код:


<div id="radiobells_container">
<a href="https://www.radiobells.com/" rel="nofollow" id="RP_link">Онлайн радио</a> #radiobells_script_hash</div>
<link href="https://www.radiobells.com/script/style.css" type="text/css" rel="stylesheet" /><script type="text/javascript">var rad_backcolor="#ffff6b"; var rad_logo = "white"; var rad_autoplay = false; var rad_width = "responsive"; var rad_width_px = 330;var rad_stations =[['http://ic7.101.ru:8000/a100?userid=0','Авторадио','avtoradio'],['http://bfm.hostingradio.ru:8004/fm','Бизнес FM','businessfm'],['http://listen2.myradio24.com:9000/8286?2','Большое радио','bigradio'],['http://misato.ru-hoster.com:8082/stream','Волшебное радио','poleskazok'],['http://media.govoritmoskva.ru:8000/rufm.mp3','Говорит Москва','govoritmoskva'],['http://ic3.101.ru:8000/a199?userid=0','Детское радио','detskoeradio'],['http://online.radiojamfm.ru:8000/jam_aacplus','Джем FM','jammradio'],['http://ic7.101.ru:8000/a1?userid=0','Дискотека 80-х','disco80'],['http://ic7.101.ru:8000/a144?userid=0','Дискотека СССР','discoussr'],['http://dorognoe.hostingradio.ru:8000/dorognoe','Дорожное радио','dorognoe'],['http://dor2server.streamr.ru:8000/dorognoe1945.mp3','Дорожное радио - Танцы по-русски','dorognoetancyporusski'],['http://stream.hoster.by:8081/pilotfm/audio/icecast.audio','Душевное радио','dushevnoeradio'],['http://ep256.hostingradio.ru:8052/europaplus256.mp3','Европа плюс','europaplus'],['http://eptop128server.streamr.ru:8033/eptop128','Европа Плюс: ТОП 40 ','europaplustop40'],['http://emg02.hostingradio.ru/ep-new128.mp3','Европа Плюс: New','europaplusnew'],['http://live1.zharafm.ru:8000/live','Жара FM','zharafm'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_zaychata_256.mp3','Зайцев FM: Зайчата','zaycevfmzaychata'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_pop_256.mp3','Зайцев FM: Поп-музыка','zaycevpop'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_relax_256.mp3','Зайцев FM: Релакс','zaycevrelax'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_rurock_256.mp3','Зайцев FM: РуРок','zaycevfmrurock'],['http://zaycevfm.cdnvideo.ru/ZaycevFM_shanson_256.mp3','Зайцев FM: Шансон','zaycevfmshanson'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_bass_256.mp3','Зайцев FM: Bass','zaycevfmbass'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_disco_256.mp3','Зайцев FM: DISCO','zaycevdisco'],['http://zaycevfm.cdnvideo.ru/ZaycevFM_electronic_256.mp3','Зайцев FM: Club','zaycevclub'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_holiday_256.mp3','Зайцев FM: Love','zaycevlove'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_rock_256.mp3','Зайцев FM: New Rock','zaycevfm'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_metal_256.mp3','Зайцев FM: Metal','zaycevfmmetal'],['https://zaycevfm.cdnvideo.ru/ZaycevFM_rap_256.mp3','Зайцев FM: Rap','zaycevrap'],['http://zaycevfm.cdnvideo.ru/ZaycevFM_rnb_256','Зайцев FM: RNB','zaycevhiphop'],['http://zaycevfm.cdnvideo.ru/ZaycevFM_rus_256.mp3','Зайцев FM: RUS','zaycevrus'],['http://setmedia.ru:8000/high','Золотой век','zolotoyvek'],['http://176.101.223.52:8000/klassnoe','Классное радио','klassradio'],['https://kommersant77.hostingradio.ru:8085/kommersant64.mp3','Коммерсант FM','kommersantfm'],['http://radio-holding.ru:9000/marusya_default','Маруся ФМ','radiomarusyafm'],['http://37.187.174.88:8103/djiir','Мега Дискач 90-х','megadiskach90'],['http://stream.megaradio.pro/MegaRadio','Мега Радио','megaradio'],['http://air2.radiorecord.ru:805/mdl_320','Медляк FM','medliakfm'],['http://online-melodiafm.tavrmedia.ua/MelodiaFM_HD','Мелодия ФМ','melodia'],['http://air.radiorecord.ru:805/naft_320','Нафталин FM','naftalinfm'],['http://nashe1.hostingradio.ru/nashe-128.mp3','Наше радио','nashe'],['https://nashe1.hostingradio.ru:18000/nashe20-128.mp3','Наше Радио 2.0','nashe20'],['http://icecast.newradio.cdnvideo.ru/newradio3','Новое радио','newradio'],['http://nostalgiafm.hostingradio.ru:8000/nostalgiafm.mp3','Ностальгия ФМ','nostalgiafm'],['https://listen7.myradio24.com/alexx333','Ностальжи Россия','nostalgie'],['http://s02.radio-tochka.com:4130/radio','Обычное Радио','obychnoeradio'],['http://radio.oneex.ru:9000/8234','Отличное радио','otlihnoeradio'],['https://listen6.myradio24.com/95364','Отличное Радио: Русское','otlichnoeradiorus'],['http://217.19.105.43:8000/','Первое Радио','pervoeradio'],['http://online.pilotfm.ru:8000/pilot','Пилот FM','pilotfm'],['http://radio.dline-media.com/ppr128.mp3','Пионер FM','pionerfm'],['http://radio.dline-media.com/ru-wave.mp3','Пионер FM: Русская волна','pionerfmruwave'],['http://radio.dline-media.com/ppr_90.mp3','Пионер FM: Dance 9.0','pionerfm90'],['http://radio.dline-media.com/popularka','Популярное радио','popularnoeradio'],['http://stream.pravilnoeradio.ru:8000/pr_mpeg','Правильное Радио','pravilnoeradio'],['http://a9.radioheart.ru:8028/RH9354','Просто Радио','fmprosto'],['http://stream.zenolive.com/4vtkfq9p02quv','Пятница FM','pyatnicafm'],['http://radio.angelsradio.ru:9000/8162','Радио Ангелов','angelsradio'],['http://icecast-radiovanya.cdnvideo.ru/radiovanya','Радио Ваня','vanya'],['http://air.radioday.fm/mp3','Радио День','radioday'],['http://icecast-radiofortwo.cdnvideo.ru/radiofortwo','Радио для двоих','radiodd'],['https://icecast-zvezda.cdnvideo.ru/zvezda_128','Радио Звезда','zvezda'],['http://iskatel.hostingradio.ru:8015/iskatel-128.mp3','Радио ИСКАТЕЛЬ','radioiskatel'],['http://setmedia.ru:8000/high3','Радио Кабриолет','kabriolet'],['http://s03.radio-tochka.com:6045/;','Радио Кафе','radiocafe'],['http://icecast.vgtrk.cdnvideo.ru/kulturafm_mp3_192kbps','Радио Культура','cultura'],['http://85.114.140.64:8000/666','Радио Лучшие Песни','luchiepesni'],['https://maximum.hostingradio.ru/maximum96.aacp','Радио Максимум','maximum'],['http://radio.radiomart38.com:8010/stream','Радио Март','radiomart'],['http://radio.radiomart38.com:8050/stream','Радио Март Хиты 80-х - 90-х','radiomart8090'],['http://icecast.vgtrk.cdnvideo.ru/mayakfm_mp3_192kbps','Радио Маяк','mayak'],['http://listen.megahit.online/mega0mp128','Радио Мегахит','megahitonline'],['http://stream.radiometal.com:8010/;','Радио Метал','radiometal'],['http://icecast.mirtv.cdnvideo.ru:8000/radio_mir128','Радио МИР','radiomir'],['https://montecarlo.hostingradio.ru/montecarlo96.aacp','Радио Монте-Карло','montecarlo'],['http://radio.dline-media.com/myata','Радио Мята','radiomyata'],['http://radio.lagoonfm.ru:8005/neformat256','Радио Неформат','neformat'],['http://online.olimpfm.ru:8000/olimp','Радио Олимп','olimp'],['https://orfeyfm.hostingradio.ru:8034/orfeyfm128.mp3','Радио Орфей','orfey'],['http://cast.radiopyatnica.com.ua/radiopyatnica','Радио Пятница','radiopyatnica'],['http://89.175.27.162:9000/aacp48',' Радио Премиум','rpfm'],['http://air.radiorecord.ru:805/rr_320','Радио Рекорд','radiorecord'],['http://air.radiorecord.ru:805/1980_320','Радио Рекорд 1980-е','radiorecord80'],['http://online-radiorelax.tavrmedia.ua/RadioRelax_HD','Радио Релакс','radiorelax'],['http://stream1.radiord.ru:8000/live96.aac','Радио Родных Дорог','radiord'],['http://icecast.radiorocks.cdnvideo.ru/roks.stream','Радио Рокс','roksfm'],['http://ic7.101.ru:8000/a101?userid=0','Радио Романтика','romantika'],['https://rfe04.akacast.akamaistream.net/7/509/437762/v1/ibb.akacast.akamaistream.net/rfe04','Радио свобода','radiosvoboda'],['http://online.radioc.ru:8000/radioc_aacplus','Радио Си','radioci'],['https://rr-sonya.hostingradio.ru/sonya96.aacp','Радио Соня','rusradiosonya'],['http://audio2.video.ria.ru/voicerus','Радио Спутник','radiosputnik'],['https://listen2.myradio24.com/4156','Радио странствий','radiostranstviy'],['http://stream.zenolive.com/k3mfhvxwy2quv','Радио Тень','tenfm'],['http://chanson.hostingradio.ru:8041/chanson256.mp3','Радио Шансон','chanson'],['http://5.19.168.205:8000/;stream.nsv','Радио Шансон 24','shanson24'],['http://radio.radioshansonplus.com:8000/radio','Радио Шансон Плюс','radioshansonplus'],['http://chanson.hostingradio.ru:8041/chanson-romantic256.mp3','Радио Шансон: Романтический','chansonromantic'],['http://spb.radioshock.ru/radioshock','Радио Шок','shok'],['http://choco.hostingradio.ru:10010/fm','Радио Шоколад','chocolate'],['http://icecast-vgtrk.cdnvideo.ru/unost_mp3_192kbps','Радио Юность','ufm'],['http://nashe1.hostingradio.ru/best-128.mp3','Радио Best','bestfm'],['http://ic7.101.ru:8000/a99?','Радио Energy','nrj'],['https://nashe1.hostingradio.ru:18000/ultra-192.mp3','Радио ULTRA','ultra'],['http://retro.volna.top/Retro','Ретро Хит','retrohit'],['http://retroserver.streamr.ru:8043/retro256.mp3','Ретро FM','retrofmrus'],['http://retro70.hostingradio.ru:8025/retro70-128.mp3','Ретро FM: 70-е','retrofm70'],['http://retro80.hostingradio.ru:8025/retro80-128.mp3',' Ретро FM: 80-е','retrofm80'],['http://retro90.hostingradio.ru:8025/retro90-128.mp3','Ретро FM: 90-е','retrofm90'],['http://online.rockarsenal.ru:8000/rockarsenal_aacplus','Рок Арсенал','rockarsenal'],['http://ru1.volna.top/RuWave48','Русская Волна','ruwave'],['http://listen.rusongs.ru:8005/ru-mp3-128','Русские песни','russong'],['http://rock.volna.top/RusRock','Русский Рок','makradiorusrock'],['https://rusradio.hostingradio.ru/rusradio96.aacp','Русское радио','russradio'],['https://rr-zolotoigrammofon.hostingradio.ru/zolotoigrammofon96.aacp','Русское радио: Золотой граммофон','rusradiogoldgram'],['https://rr-russkijrok.hostingradio.ru/russkijrok96.aacp','Русское Радио: Русский Рок','rusradiorock'],['http://radio.russkoe.fm:8000/russkoefm_mp3','РУССКОЕ FM','russkoefm'],['http://svoeradiofm.hostingradio.ru:8032/svoe-128.mp3','Свое радио','svoeradio'],['http://air.radiorecord.ru:805/symph_320','Симфония FM','symphonyfm'],['http://listen1.myradio24.com:9000/6262','Спокойное радио','spokoinoe'],['http://air2.radiorecord.ru:805/sd90_320','Супердискотека 90-х','super90'],['http://hfm.volna.top/HypeFM','ХАЙП FM','hypefm'],['https://hitfm.hostingradio.ru/hitfm96.aacp','Хит FM','hitfm'],['http://rmgradio.gcdn.co/station-ru/st02.mp3/icecast.audio','Хит FM: Большая Двадцатка','hitfmbig20'],['https://hitfm-hit90.hostingradio.ru/hit9096.aacp','Хит FM 90-е','hitfm90'],['https://hitfm-hit2000.hostingradio.ru/hit200096.aacp','Хит FM 2000-е','hitfm2000'],['http://stream.hitroe.com/stream','Хитрое радио','hitroe'],['http://stream.hitirossii.com:8000/khr.mp3','Хиты России','hitirossii'],['http://radio.horoshee.fm:8000/mp3','Хорошее радио','horoshee'],['http://r1.electron.fm:8000/256','Электронная Волна','electrowave'],['http://ice912.echo.msk.ru:9120/stream','Эхо Москвы','echo'],['http://ic7.101.ru:8000/a102?userid=0','Юмор FM','umor'],['http://online-kissfm.tavrmedia.ua/KissFM_HD','Kiss FM','kissfm'],['http://nashe1.hostingradio.ru/jazz-128.mp3','Радио Джаз','radiojazz']];</script><script type="text/javascript" src="https://www.radiobells.com/script/v2_1.js" charset="UTF-8"></script>



Чтобы изменить фон плеера, найдите в коде вот этот кусочек ffff6b и замените на тот код цвета, который больше подходит под Ваш сайт.

Коды цветов можно посмотреть в этих статьях:

- Подбираем цвета для блога (есть 2 цветовых генератора) 

Остался всего 1 месяц лета, но давайте не будем грустить, а будем слушать радио на сайте онлайн и поднимать себе настроение! 😉

P.S. И еще 2 статьи про радио для сайта:

1. Как добавить радио на сайт

2. Гаджет Радио-онлайн для Blogger

1 комментарий:

  1. Привет.

    Не подскажите, можно ли такое использовать, сделать в Блоггере?
    https://codepen.io/scorch/pen/zdKErE

    Я попытался, не получилось. :(

    ОтветитьУдалить

Загляните и на другие страницы ^