Виджеты для установки радио и информеров на сайтах

Чтобы установить воспроизведение радио на сайте выберите HTML5 плеер и установите нужный код.

Плееры: Adaptive | Default | Lite | Energy ( blue, green, red, yellow, magento, gray)

Для установки динамического JS-кода на любой сайт укажите модули которые вам нужны и скопируйте сгенерированный код. Чтобы выводить более 10 последних песен или изменить часовой пояс, измените параметры в админ панели. (НАСТРОЙКА КОДА)

- плеер - визуализация - информация - рейтинг DJ - история песен - чат - стол заказов - скрипты

<div id="my_player" class="my_player" data-player="energy" data-skin="blue" data-width=200 data-autoplay=1 data-volume=70 data-streamurl="https://myradio24.org/40493"></div>

<canvas class="my_visualizer" width=320 height=128 data-size=64 data-revert=0 data-color="rgb"></canvas>

<div data-myinfo="logo" style="width:300px; height:80px; background-size:cover;"></div>
<div data-myinfo="img" style="width:300px; height:300px; background-size:cover;"></div>
<br>
<b data-myinfo="song"></b><br>
Следует: <span data-myinfo="nextsong"></span><br>
<br>
<b>&#127911;</b> <b data-myinfo="listeners"></b> <span data-myinfo="isonline"></span> - <span data-myinfo="kbps"></span> kbps
<a href="//myradio24.com/listen.php?port=40493" target="_blank"><img src="//myradio24.com/img/wmp.gif" border="0" title="WMP" /></a>
<a href="#" onclick="window.open('//myradio24.com/player.php?port=40493','player','width=300,height=30'); return false;"><img src="//myradio24.com/img/open.gif" title="открыть в новом окне"/></a>
<br>
Вещает: <b data-myinfo="djname"></b><br>
<div data-myinfo="htmlavatar"></div>
<a href="#" target="_blank" data-myinfo="url"></a><br>
<br><br>

<b>Статистика DJ's</b><br><br>
<div data-myinfo="htmlrank"></div>
<br><br>

<b>Последние песни</b><br><br>
<div class="my_lastsongs" data-revert=1 style="display:inline-block;">
	<div class="my_lastsonghtml" style="display:none;">
		<div style="text-align:left; margin:3px;">
			<img src="//myradio24.com/%songcover%" style="width:45px; height:45px; border-radius:4px; vertical-align:middle;"> &nbsp; 
			%songtime% &nbsp;
			<a href="https://www.youtube.com/results?search_query=%songencode%" target="_blank" title="Найти на YouTube">%song%</a> 
		</div>
	</div>
</div>
<br><br>

<div id="my_chat"></div>

<b>Стол заказов</b> (в очереди <b class=my_table_turn>0</b>)<br><br>
<style>#my_table_on, #my_table_auto {display:none;}</style>
<div id=my_table_off>Сейчас заказы не принимаются.</div>
<div id=my_table_auto>
	<a href="https://myradio24.com/?to=table&port=40493" target=_blank><input type=button value="Заказать музыку к исполнению"></a>
</div>
<div id=my_table_on>
	<form id=my_table_form action="" method=post accept-charset="UTF-8">	
		<input type=text id=my_table_from maxlength=30 value="" placeholder="От кого*">
		<input type=text id=my_table_for maxlength=30 value="" placeholder="Для кого">
		<br>
		<input type=text id=my_table_artist maxlength=50 value="" placeholder="Исполнитель*">
		<input type=text id=my_table_song maxlength=50 value="" placeholder="Название трека*">
		<br>
		<textarea id=my_table_comment cols=50 rows=3 maxlength=500 placeholder="Ваш комментарий"></textarea><br>
		* - поля обязательные для заполнения<br>
		<input type=submit value="Заказать музыку к исполнению">
	</form>
</div><br>

<script>
var my_init_updateinfo=function(info) {
	//ОТОБРАЗИМ стол заказов, если включен (иначе скроем)
	if($("#my_table_on").length) {
		$("#my_table_turn, .my_table_turn").html(info.turntable);
		$("#my_table_off").css('display', (info.enabletable==0?"block":"none") );	
		$("#my_table_on").css('display', (info.enabletable==1?"block":"none") );	
		$("#my_table_auto").css('display', (info.enabletable==2?"block":"none") );
	}
	//ОБНОВИМ информационные блоки
	info.isonline="<font color=red>оффлайн</font>"; 
	if(info.online==1) info.isonline="<font color=green>онлайн</font>"; 
	info.nextsong=info.nextsongs[0];
	info.htmllisteners=info.listeners?"слушателей: "+info.listeners:"";
	info.htmlimg="<img src=//myradio24.com/"+info.img+" width=300 border=0>";
	info.htmllogo=""; if(info.logo) info.htmllogo="<img src='//myradio24.com/"+info.logo+"'>";
	info.htmlavatar=""; if(window.my_avatars && Array.isArray(my_avatars)) { if(my_avatars[info.djname]) info.htmlavatar=my_avatars[info.djname]; else if(my_avatars['']) info.htmlavatar=my_avatars['']; }
	//рейтинг ведущих
	var rank=info.rank; var htmlrank="";
	if(rank && rank.length>0) {rank.sort(function(a,b) {return b[1]-a[1];}); var htmlrank="<table class='my_radio_width'><tr><td>Ведущий</td><td>Рейтинг</td><td>Вещаний</td><td>Онлайн</td></tr>"; for(var i=0;i<rank.length;i++) {htmlrank+="<tr><td>DJ "+rank[i][0]+"</td><td align=center>"+rank[i][1]+"</td><td align=center>"+rank[i][3]+"</td><td align=right>"+rank[i][2]+" часов</td></tr>";} htmlrank+="</table>";}
	else htmlrank="Ничего не найдено.";
	info.htmlrank=htmlrank;
	//последние песни
	var songs=info.songs; var htmlsongs=""; 
	//console.dir(songs);
	if(songs && songs.length>0) {for(var i=0;i<songs.length;i++) {htmlsongs="<tr><td>"+songs[i][0]+" - "+songs[i][1]+"</td></tr>"+htmlsongs;} htmlsongs="<table class='my_radio_width'>"+htmlsongs+"</table>";}
	else htmlsongs="Ничего не найдено.";
	info.htmlsongs=htmlsongs;
	//вставка переменных в data-myinfo
	$('[data-myinfo]').each(function() {
		var key=$(this).data('myinfo');
		if(key && info[key]) {
			if(key=='img') $(this).css('background-image','url('+info[key]+')');
			else $(this).html(info[key]); 
		}
	});
	//произведем замену переменных и выведем содержимое информера
	var objs=document.querySelectorAll(".my_info"); if(!objs.length) return; 
	if(!window.my_infohtml) my_infohtml={}; 
	for(var k=0;k<objs.length; k++) {
		if(!my_infohtml[k]) {my_infohtml[k]=objs[k].innerHTML; objs[k].style.visibility="visible";}
		var html=my_infohtml[k];
		for(var i in info) {html=html.replace(new RegExp("%"+i+"%","g"),info[i]);}
		objs[k].innerHTML=html;
	}
}
</script>

<script src="//myradio24.com/player/player.js?v3.16" data-port="40493" data-interval=15 data-vmid=0></script>

<b>Статистика DJ's</b><br><br>
<div data-myinfo="htmlrank"></div>
<br><br>

<div id="my_chat"></div>

Для установки PHP-кода с кешированием и получением актуальной информации о радиоканале. Описание параметров такие же как в версии JS. По умолчанию кодировка UTF-8, для windows-1251 измените так: $win1251=1;

<?php

//получаем данные информера и сохраняем в кеш
//10 секундный кеш не будет нагружать наш сервер
$win1251=0;
$cachefile="cache40493.json";
if(!ini_get("allow_url_fopen")) echo "<font color=red>Please enable allow_url_fopen!</font><br>";
if(@filemtime($cachefile)<time()-10) { 
$informer=@file_get_contents("http://myradio24.com/users/40493/status.json");
file_put_contents($cachefile,$informer);
}

//читаем данные информера из кеш файла (если надо, меняем кодировку)
$informer=(array)json_decode(file_get_contents($cachefile));
if($win1251) array_walk_recursive($informer,function(&$v) {$v=@iconv("utf-8","windows-1251//TRANSLIT",$v);});

//вывод структуры полей (в ссылке добавить ?get=print)
if($_GET[get]=="print") echo "<pre>".print_r($informer,true)."</pre>";

//вывод информации в формате JSON (в ссылке добавить ?get=json)
if($_GET[get]=="json") echo json_encode($informer);

//вывод информации в формате JSONP (в ссылке добавить ?get=jsonp)
if($_GET[get]=="jsonp") echo "var informer=".json_encode($informer).";";

//вывод информации в HTML (параметр get не указан)
if(!$_GET[get])  {
echo "<b>Общая информация</b><br><br>
<table>
<tr><td>Станция:</td><td>{$informer[title]}</td></tr>
<tr><td>Песня:</td><td>{$informer[song]}</td></tr>
<tr><td>Следующая:</td><td>{$informer[nextsongs][0]}</td></tr>
<tr><td>Вещает DJ:</td><td>{$informer[djname]}</td></tr>
<tr><td>Качество:</td><td>{$informer[kbps]} kbps</td></tr>
<tr><td>Слушателей:</td><td><b>{$informer[listeners]}</b></td></tr>
<tr><td>Пик слушателей:</td><td>{$informer[plisteners]}</td></tr>
<tr><td>Исполнитель:</td><td>{$informer[artist]}</td></tr>
<tr><td colspan=2><img src=http://myradio24.com/{$informer[img]} width=300 border=0></td></tr>
</table><br>
<b>Статистика DJ's</b><br><br>";
if(!count($informer[rank])) echo "Ничего не найдено.<br><br>";
else { 
	echo "<table><tr><td>Ведущий</td><td>Рейтинг</td><td>Вещаний</td><td>Онлайн</td></tr>";
	for($i=0;$i<count($informer[rank]);$i++) echo "<tr><td>DJ {$informer[rank][$i][0]}</td><td align=center>{$informer[rank][$i][1]}</td><td align=center>{$informer[rank][$i][3]}</td><td align=right>{$informer[rank][$i][2]} часов</td></tr>";
	echo "</table><br>";
}
echo "<b>Последние песни</b><br><br><table>";
for($i=0;$i<count($informer[songs]);$i++) echo "<tr><td>{$informer[songs][$i][0]}</td><td>{$informer[songs][$i][1]}</td></tr>";
echo "</table>";
}