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

13.10.2011, 19:27. **Показов** 27102. **Ответов** 5

Привет всем

Хочу поделится простым яваскриптом который вставит качественное интернет-радио на ваш сайт.

сам скрипт:

Код

<script type="text/javascript">
var radio_lang = 'auto';
var radio_style = '2';
</script>
<script type="text/javascript" src="http://fm-u.com/embed/radio.js"></script>

опции:
radio_lang - язык радио (auto - автоматический выбор, en - англ, ru - рус)
radio_style - стиль радио на данный момент доступно всего 2 стиля, 2-й стиль по жанрам, 1-й стиль это flash местных фм радио станций
информация о скрипте

требования на стороне клиента: яваскрипт, флеш, и поддержка фреймов

Качественное интернет радио может разнообразить ваш сайт и заставит посетителей ещё больше задержатся на нем, есть множество жанров, можете сами послушать: онлайн радио

Пользуйтесь на здоровье

raxp · 13.10.2011, 22:55

О, тема.

...вот еще вариант простого скрипта онлайн-радио, вставьте cразу между тегами <body> в html-страничке:

HTML5

<script type="text/javascript">
    var State = 1;
    function triger(href) {
      if (State == 1) {
         if(href!='') {  /* если  равен пустой строке */
          document.getElementById('mus').innerHTML="<EMBED type=application/x-mplayer2 src="+href+" width=1 height=1>"; /* загружаем плеер, если ширина и высота равны 0 - не работает*/
          document.forms["foto_inter"].getElementsByTagName("IMG")[0].src='выключенно.png';  /* меняем изображение */
          document.getElementById('name').innerHTML = 'Depeche Mode';    /* меняем текст */
          }
        State = 0;
      } else {
          document.getElementById('mus').innerHTML="";
          document.forms["foto_inter"].getElementsByTagName("IMG")[0].src='включить.png';  /* меняем изображение */
          document.getElementById('name').innerHTML = '';      /* меняем текст */
        State = 1;
      }
    }
    </script>
</head>
<body>
<div id="blok">
  <form name="foto_inter">
    <a href="#" onclick="triger('http://www.abradio.cz/asx/depechemode32.asx');" >   <!--адрес потока -->
      <img id="img" src="включить.png" width="37" height="37" border="no">  <!--картинка в качестве кнопки  -->
    </a>
  </form>
  <p id="name">Вкл. радио ?</p>
</div>
 
  <DIV id="mus"></DIV>

и наслаждайтесь

.

Кстати, под оперой пользуюсь сим виджетом, очень удобен (можно отредактировать список, в архиве - файлик radio.js), работает вне зависимости от того на какой вы вкладке.

14.10.2011, 14:15

raxp, спасибо за поддержание темы, вот ещё один вариант

Вот обычный windows media player

HTML5

<object id="MediaPlayer1" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" width="500" height="49"> 
   
<param name="Filename" value="http://94.25.53.133/nashe-192.m3u"> <param name="ShowPositionControls" value="False"> <param name="ShowStatusBar" value="True"> 
 
<embed src="http://94.25.53.133/nashe-192.m3u" showstatusbar="1" showcontrols="1" showdisplay="0" type="video/x-ms-asf" width="500" height="49"></object>

http://94.25.53.133/nashe-192.m3u - заменить на любое радио

raxp · 14.10.2011, 19:09

...еще подкину:

@borovyshka88 · 30.10.2014, 13:00

raxp, подскажите пожалуйста в чем может быть проблема по коду с кнопками включить выключить, который Вы разместили, просто трансляция потока не идет. Меняла на свой поток всеравно звука нет.

@klm109 · 23.03.2019, 14:47

Мерлин1,
Хочу вставить в сайт WordPress Shoutcast Icecast HTML5 Radio Player.
но мне нужно что бы у плеера был линк для скачивания потока(ссылка) музыки.
что бы слушатель не висел на сайте, а мог скачать ссылку. И вставить к себе на плеер и слушать аудио файл.
Есть такой плагин https://uk.wordpress.org/plugi... io-player/

На который я хочу натянуть это: https://gist.github.com/damien... player-php

Скачал плагинWordPress Shoutcast Icecast HTML5 Radio Player.
Открыл в брекетс...
Но моих знаний не хватает, что бы изменить плеер в этом плагине.

Мерлин1
		1
	Скрипт онлайн радио (простой javascript) 13.10.2011, 19:27. Показов 27102. Ответов 5 Метки нет (Все метки) Привет всем Хочу поделится простым яваскриптом который вставит качественное интернет-радио на ваш сайт. сам скрипт: Код <script type="text/javascript"> var radio_lang = 'auto'; var radio_style = '2'; </script> <script type="text/javascript" src="http://fm-u.com/embed/radio.js"></script> опции: radio_lang - язык радио (auto - автоматический выбор, en - англ, ru - рус) radio_style - стиль радио на данный момент доступно всего 2 стиля, 2-й стиль по жанрам, 1-й стиль это flash местных фм радио станций информация о скрипте требования на стороне клиента: яваскрипт, флеш, и поддержка фреймов Качественное интернет радио может разнообразить ваш сайт и заставит посетителей ещё больше задержатся на нем, есть множество жанров, можете сами послушать: онлайн радио Пользуйтесь на здоровье __________________ Помощь в написании контрольных, курсовых и дипломных работ, диссертаций здесь

@borovyshka88 0 / 0 / 0 Регистрация: 28.10.2014 Сообщений: 3
	30.10.2014, 13:00	5
	raxp, подскажите пожалуйста в чем может быть проблема по коду с кнопками включить выключить, который Вы разместили, просто трансляция потока не идет. Меняла на свой поток всеравно звука нет. 0

@klm109 0 / 0 / 0 Регистрация: 12.03.2019 Сообщений: 15
	23.03.2019, 14:47	6
	Мерлин1, Хочу вставить в сайт WordPress Shoutcast Icecast HTML5 Radio Player. но мне нужно что бы у плеера был линк для скачивания потока(ссылка) музыки. что бы слушатель не висел на сайте, а мог скачать ссылку. И вставить к себе на плеер и слушать аудио файл. Есть такой плагин https://uk.wordpress.org/plugi... io-player/ На который я хочу натянуть это: https://gist.github.com/damien... player-php Скачал плагинWordPress Shoutcast Icecast HTML5 Radio Player. Открыл в брекетс... Но моих знаний не хватает, что бы изменить плеер в этом плагине. 0

Опции темы