. .
Мы вКонтакте Мы в Facebook Мы в Twitter RSS

ВОЙТИ ЧЕРЕЗ VK

.

Плеер на сайт

Чтобы установить JS-код с плеером, информацией, статистикой, а также выводом последних песен:



<!--НАЧАЛО кода Myradio24-->

<!--PLAYER - ДАННЫЙ блок разместите там где должен быть плеер. Цвет визуализации: rgb, red, blue или green -->
<div id="my_player"></div>
<canvas class=my_visualizer width=320 height=128 data-size=64 data-revert=0 data-color="rgb"></canvas>
<!--END PLAYER-->

<!--INFO - ДАННЫЙ блок разместите там где будет информация о радио (можно несколько блоков)-->
<div class="my_info" style="visibility:hidden;">
<table>
<tr><td colspan="2">
%htmllogo%<br>
<b><font size="4">%title%</font></b> - <font size="4">%isonline%</font>
<a href="//myradio24.com/listen.php?port=6284" target=_blank><img src="//myradio24.com/img/wmp.gif" border="0" title="WMP" /></a>
<a href="#" onclick="window.open('//myradio24.com/player.php?port=6284','player','width=300,height=30'); return false;"><img src="//myradio24.com/img/open.gif" title="открыть в новом окне"/></a>
<br>
</td></tr>
<tr><td>Сейчас играет:</td><td>%song%</td></tr>
<tr><td>Следующая в Авто-DJ:</td><td>%nextsong%</td></tr>
<tr><td>Вещает DJ:</td><td>%djname%</td></tr>
<tr><td>Сайт радио:</td><td><a href="%url%" target="_blank">%url%</a></td></tr>
<tr><td>Качество:</td><td>%kbps% kbps</td></tr>
<tr><td>Слушают / Пик:</td><td title='Лимит слушателей: %limit%'><b>%listeners%</b> / %plisteners%</td></tr>
<tr><td colspan="2" align="center">%htmlimg%</td></tr>
</table><br>
<b>Статистика DJ's</b><br><br>%htmlrank%<br><br>
<b>Последние песни</b><br><br>%htmlsongs%<br><br>
</div>
<!--END INFO-->

<!--ОСТАЛЬНОЙ код разместите в самый низ HTML страницы перед тегом </body> -->
<script src="//myradio24.com/player/JSLib.js?v2.27"></script>
<script src="//myradio24.com/player/player.js?v2.27"></script>
<script src="//myradio24.com/player/mediaelement.min.js?v2.2"></script>
<script>
//Изоляция скрипта для предотвращения всех конфликтов
(function($) {

//Активируем класс и окружение my.vars с потоком
var my=$(); my.vars={};
my.vars.port="6284";
my.vars.streamurl="https://listen1.myradio24.com/6284";
my.vars.updateurl="//myradio24.com/users/"+my.vars.port+"/status.json";

//PLAYER - Настройка параметров плеера по умолчанию и его вида
//default, lite, energy (требуется информер) или custom (свой плеер)
my.vars.player="energy";
my.vars.skin="blue";
my.vars.playerid="my_player";
my.vars.width=200;
my.vars.autoplay=1;
my.vars.volume=70;

//Загрузка плеера (примеры ниже)
my.init_player();

/* Это коментарий с примерами по настройке и загрузке плеера
1. По умолчанию: Запуск плеера с текущими актуальными настойками
my.init_player();

2. Запуск плеера "default" с указанием индивидуальных настроек, можно указывать даже 1 параметр
my.init_player({playerid:"my_player", player:"default", width:200, autoplay:1, volume:70, streamurl:"тут адрес нужного потока"});

3. Настройка и запуск своего индивидуального плеера "custom", укажите свои картинки и HTML код плеера
my.vars.imagesurl={'play':'https://myradio24.com/player/demo/play.png','pause':'https://myradio24.com/player/demo/pause.png'};
my.vars.playerhtml=
'<div id=my_play style="width:64px; height:64px; background-image:url(\'https://myradio24.com/player/demo/play.png\'); cursor:pointer;"></div>'+
'<div id=my_timer style="width:64px; font:26px Arial; color:#000000;">00:00</div>'+
'<div id=my_volumediv style="width:64px; height:16px; background:#303030; background-image:linear-gradient(#202020, #303030); border-radius:3px; cursor:pointer;"><div id=my_volume style="width:64px; height:16px; background:#cccccc; background-image:linear-gradient(#eeeeee, #aaaaaa); border-radius:3px;"></div></div>'+
'<div id=my_loading style="width:64px; font:16px Arial; color:#000000;"></div>';
my.init_player({player:"custom"});

4. Запуск второго плеера "lite" с playerid="my_player2", сначала разместите плеер на HTML странице: <div id="my_player2"></div>
К СОЖАЛЕНИЮ ЭТО ПОКА НЕ РАБОТАЕТ. ИСПОЛЬЗУЙТЕ ВСТАВКУ ПЛЕЕРОВ НА САЙТ ЧЕРЕЗ "IFRAME".
my.init_player({playerid:"my_player2", player:"lite", width:200, autoplay:0, volume:100, streamurl:"тут адрес второго потока"});

*/

//END PLAYER

//INFO - Функция обновления информации с информера
function init_updateinfo(info) {
info.isonline="<font color=red>оффлайн</font>";
if(info.online==1) info.isonline="<font color=green>онлайн</font>";
info.nextsong=info.nextsongs[0];
info.htmlimg="<img src=//myradio24.com/"+info.img+" width=250 border=0>";
info.htmllogo=""; if(info.logo) info.htmllogo="<img src='//myradio24.com/"+info.logo+"'>";
//рейтинг ведущих
var rank=info.rank; var htmlrank="";
if(rank && rank.length>0) {rank.sort(function(a,b) {return b[1]-a[1];}); var htmlrank="<table><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]+"</td><td>"+songs[i][1]+"</td></tr>"+htmlsongs;} htmlsongs="<table>"+htmlsongs+"</table>";}
else htmlsongs="Ничего не найдено.";
info.htmlsongs=htmlsongs;
//произведем замену переменных и выведем содержимое информера
my.vars.info=info;
var objs=document.querySelectorAll(".my_info"); if(!objs.length) return;
if(!my.vars.infohtml) my.vars.infohtml={};
for(var k=0;k<objs.length; k++) {
if(!my.vars.infohtml[k]) {my.vars.infohtml[k]=objs[k].innerHTML; objs[k].style.visibility="visible";}
var html=my.vars.infohtml[k];
for(var i in info) {html=html.replace(new RegExp("%"+i+"%","g"),info[i]);}
objs[k].innerHTML=html;
}
}
//END INFO

//INFORMER - Активация информера с интервалом обновления 15 секунд (переменные вида info.song)
my.init_updateinfo({interval:15,updateurl:my.vars.updateurl, updatefunc:function(info){
//ОБНОВИМ название и кол-во слушателей, если загружен плеер ENERGY
if(my.vars.player=="energy" && my.vars.interval) {
if(info.song!=my.vars.lastsong) { my.vars.lastsong=info.song; $("#my_song").html("<marquee scrollamount=1 scrolldelay=50>"+info.song+"</marquee>");}
if(info.listeners>0) $("#my_listeners").html("слушателей: "+info.listeners);
}
//ОБНОВИМ информацию с информера в заданном DIV шаблоне class=my_info
if(typeof init_updateinfo !=="undefined") init_updateinfo(info);
//ОТОБРАЗИМ стол заказов, если включен (иначе скроем)
if($("#my_table_on")[0]) {
var off="block"; var on="none"; if(info.enabletable) {var off="none"; var on="block"; $("#my_table_turn").html(info.turntable);}
$("#my_table_off")[0].style.display=off;$("#my_table_on")[0].style.display=on;
}
}});
//END INFORMER

})(JSLib);
</script>
<!--КОНЕЦ кода Myradio24-->


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


<?

//получаем данные информера и сохраняем в кеш
//10 секундный кеш не будет нагружать наш сервер
$win1251=0;
$cachefile="cache6284.json";
if(@filemtime($cachefile)<time()-10) {
$informer=@file_get_contents("http://myradio24.com/users/6284/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=250 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>";
}

?>

шаблоны для dle
скачать шаблоны для dle бесплатно скачать фильмы у нас на сайте есть программы бесплатно скачать

ФОТО ИСПОЛНИТЕЛЯ

clocks for web page часы для сайтов
гороскоп

НАШ ЧАТ

Группа партнёра ВК

чёрный футер