Widgets for installing radio and informers on websites

To set the playback of the kfm radio on the site, select the HTML5 player and set the required code.

Players: Adaptive | default | Lite | Energy ( blue , green , red , yellow , magento , gray )

CODE HELP To install dynamic JS-code on any site, specify the modules you need and copy the generated code. To display more than 10 recent songs or change the time zone, change the settings in the admin panel.

- player - visualization - information - DJ rating - song history - chat - order table - scripts

<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/kfm"></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>
<br>
<b>&#127911;</b> <b data-myinfo="listeners"></b> <span data-myinfo="isonline"></span> - <span data-myinfo="kbps"></span> kbps
<a href="https://myradio24.org/kfm.m3u" target="_blank"><img src="https://myradio24.com/img/wmp.gif" title="Слушать радио в плеере" /></a>
<a href="https://myradio24.com/en/player/kfm" onclick="window.open(this.href,'player','width=300,height=30'); return false;"><img src="https://myradio24.com/img/open.gif" title="Слушать радио в новом окне"/></a>
<br>
<b data-myinfo="streamname"></b><br>
<div data-myinfo="htmlavatar"></div>
<a href="#" target="_blank" data-myinfo="url"></a><br>
<br><br>

<b>Статистика наших ведущих</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="https://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> 
			<span class=vm_likes data-likeid='318761878_%songid%'></span>
		</div>
	</div>
</div>
<br><br>

<div id="my_chat" data-height=200></div>

<b>Стол заказов</b> (в очереди <b class=my_table_turn>0</b>)<br><br>
<div id=my_table_off>Сейчас заказы не принимаются.</div>
<div id=my_table_auto style="display:none;">
	<form action="https://myradio24.com/en/table/kfm" method="post" target="_blank"><input type=submit value="Заказать музыку к исполнению"></form>
</div>
<div id=my_table_on style="display:none;">
	<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) {
	//функция расширения полей трека на артиста и название
	function expand_song(song) {
		var pos=song.song.indexOf(' - ')
		var offset=0; if(pos>0) offset=pos+3;
		song.artist=song.song.substr(0,pos);
		song.songtitle=song.song.substr(offset);
	}
	//ОТОБРАЗИМ стол заказов, если включен (иначе скроем)
	if($("#my_table_on").length) {
		if(info.enabletable==3) {info.enabletable=2; if(info.live) info.enabletable=1;}
		$("#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>"; 
	//получим новый трек в зависимости от формата array/object и расширим его артистом и названием
	var tmp=info.nextsongs[0]; if(typeof tmp === 'string') info.nextsongs[0]={song:tmp};
	expand_song(info.nextsongs[0]); //расширение
	var next=info.nextsongs[0];
	//назначение
	info.nextsong=next.song;
	info.htmllisteners=info.listeners?"слушателей: "+info.listeners:"";
	info.htmlimg="<img src='https://myradio24.com/"+info.img+"' width=300 border=0>";
	info.htmllogo=""; if(info.logo) info.htmllogo="<img src='https://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 ranks=info.rank; var htmlranks="";
	if(ranks && ranks.length>0) {
		ranks.sort(function(a,b) {return b[1]-a[1];}); 
		for(var i=0;i<ranks.length;i++) {
			//данные ведущего в зависимости от формата array/object
			var rank=ranks[i]; if(Array.isArray(rank)) rank={djname:rank[0], rating:rank[1], hours:rank[2], count:rank[3], avatar:rank[4]};
			htmlranks+="<div style='display:inline-block; margin:5px;'><div style='float:left; width:100px; height:100px;  border:1px solid #ccc; border-radius:50px; background:url(https://myradio24.com/"+rank.avatar+"); background-size:cover;'></div>";
			htmlranks+="<div style='float:left; padding:15px 0 0 10px; text-align:left; width:110px;'><b>"+rank.djname+"</b><br>"+rank.count+" вещаний<br>"+rank.hours+" часов<br>"+rank.rating+" рейтинг</div></div>";
		}    
	}
	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++) {
			//данные трека в зависимости от формата array/object и расширим полями artist и songtitle
			if(Array.isArray(songs[i])) songs[i]={time:songs[i][0], song:songs[i][1], img:songs[i][2], songid:songs[i][3]};
			expand_song(songs[i]); //расширение
			var song=songs[i]; 				
			htmlsongs="<tr><td><div style='text-align:left; padding:4px;'>"+song.time.substr(0,5)+" - <a href='https://www.youtube.com/results?search_query="+encodeURIComponent(song.song)+"' target=_blank title='Найти на YouTube'>"+song.song+"</a> </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="https://myradio24.com/player/player.js?v3.26" data-port="kfm" data-interval=15 data-vmid=0></script>

<b>Статистика наших ведущих</b><br><br>
<div data-myinfo="htmlrank"></div>
<br><br>

<div id="my_chat" data-height=200></div>

To install a PHP code with caching and get up-to-date information about the radio channel. The parameter descriptions are the same as in the JS version. The default encoding is UTF-8, for windows-1251 change this: $win1251=1 ;

<?php //get informer data and store it in cache //10 second cache will not load our server $win1251=0; //1 - to use encoding 1251 $revert=1; //0 or 1 - sorting the latest songs $cachefile="cachekfm.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/kfm/status.json"); file_put_contents($cachefile,$informer); } //read the informer data from the cache file (if necessary, change the encoding) $informer=(array)json_decode(file_get_contents($cachefile),1); if($win1251) array_walk_recursive($informer,function(&$v) {$v=@iconv("utf-8","windows-1251//TRANSLIT",$v);}); //default variable $_GET['get']=$_GET['get'] ?? ''; //output the field structure (add ?get=print in the link) if($_GET['get']=="print") echo "<pre>".print_r($informer,true)."</pre>" ; //output information in JSON format (add ?get=json in the link) if($_GET['get']=="json") echo json_encode($informer); //output information in JSONP format (add ?get=jsonp in the link) if($_GET['get']=="jsonp") echo "var informer=".json_encode($informer).";"; //output information to HTML (get parameter not specified) if(!$_GET['get']) { //fix for old version if(is_string($informer['nextsongs'][0])) $informer[' nextsongs'][0]=[ 'song'=>$informer['nextsongs'][0] ]; $nextsong=$informer['nextsongs'][0]; echo "<b>General Information</b><br><br> <table> <tr><td>Station:</td><td>{$informer['title']}</td></ tr> <tr><td>Song:</td><td>{$informer['song']}</td></tr> <tr><td>Next:</td><td>{ $nextsong['song']}</td></tr> <tr><td>DJ is broadcasting:</td><td>{$informer['djname']}</td></tr> < tr><td>Quality:</td><td>{$informer['kbps']} kbps</td></tr> <tr><td>Listeners:</td><td><b> {$informer['listeners']}</b></td></tr> <tr><td>Peak listeners:</td><td>{$informer['plisteners']}</td> </tr> <tr><td>Artist:</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 stats</b><br> <br>"; if(!count($informer['rank'])) echo "Nothing found.<br><br>"; else { echo "<table><tr><td>Host</td><td>Rating</td><td>Broadcasts</td><td>Online</td></tr>"; for($i=0; $i<count($informer['rank']); $i++) { $rank=$informer['rank'][$i]; if(isset($rank[0])) $rank=array('djname'=>$rank[0], 'rating'=>$rank[1], 'hours'=>$rank[2], ' count'=>$rank[3], 'avatar'=>$rank[4]); echo "<tr><td>DJ {$rank['djname']}</td><td align=center>{$rank['rating']}</td><td align=center>{$rank ['count']}</td><td align=right>{$rank['hours']} hours</td></tr>"; } echo "</table><br>"; } $lastsongs=""; for($i=0; $i<count($informer['songs']); $i++) { $song=$informer['songs'][$i]; if(isset($song[0])) $song=array('time'=>$song[0], 'song'=>$song[1], 'img'=>$song[2]); $str="<tr><td>{$song['time']}</td><td>{$song['song']}</td></tr>"; if($revert) $lastsongs=$str.$lastsongs; else $lastsongs.=$str; } echo "<b>Last Songs</b><br><br> <table>$lastsongs</table>"; } ?>