Очень нравится радио http://www.relax-fm.ru/online.php
Как можно добавить его на форум так, чтобы после нажатия кнопки, расположенной в заголовке форума, проходила трансляция?
Радио на форуме
Сообщений 1 страница 17 из 17
Поделиться1Чт, 9 Янв 2014 11:12:13
Поделиться2Чт, 9 Янв 2014 11:49:04
Да любой плеер поставить в HTML-верх, отцентрировать по шапке и пусть играет. Только вот одна незадачка есть, при переходе со страницы на страниц радио будет икать (перегружаться плеер). Тогда либо ставить очень сложный код, либо забыть эту идею )))
А так, простой плеер для вставки с регулированием цвета:
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" src="/files/0012/2b/b2/54400.swf" quality="high" allowscriptaccess="sameDomain" flashvars="vol=80&action=stop&title=Название по русски&color=000000&textcolor=ffffff&loop=no&lma=no;height=60&width=260&mp3=http://listen1.myradio24.com:9000/8182" height="60" width="260">
80 - уровень громкости
Название по русски радиостанции
http://listen1.myradio24.com:9000/8182 - адрес и порт потока
Настройки цвета проигрывателя и текста
Поделиться3Чт, 9 Янв 2014 11:53:39
Извини, рассеянность http://217.29.51.162:8000/relaxfm-studio-128k.mp3
Это адрес потока твоего релакса
Поделиться4Пт, 10 Янв 2014 14:44:19
Получилось пока следующее http://landwatersun.ru/
Как сделать так, чтобы окно с радио располагалось справа под баннером?
На данный момент HTML верх:
РАДИО:
<iframe style="border:5px solid #009CFF;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=3&a=0&r=1&h=165&s=33" width="200" height="115"></iframe>БАННЕР:
<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};
function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt2 = 2;
var ad2 = rand(ad_cnt2);
var link2;
var adBanner2;
var width2
var height2
if (ad2==1) {
link2="http://landwatersun.ru/viewtopic.php?id=252#p972";
adBanner2="https://forumstatic.ru/files/000c/4b/84/32062.jpg";
width2="";
height2="";
alt2="";
}
if (ad2==2) {
link2="http://landwatersun.ru/viewtopic.php?id=258#p990";
adBanner2="https://forumstatic.ru/files/000c/4b/84/70567.jpg";
width2="";
height2="";
alt2="";
}
document.write('<div style="text-align: right;"><a href="' + link2 + '" target="_top">');
document.write('<img src="' + adBanner2 + '" width=' + width2 + ' height=' + height2 + ' border=0 alt="' + alt2 + '"></a>');
document.write('</div>');
// End -->
</SCRIPT>
Отредактировано LandWaterSun (Пт, 10 Янв 2014 21:30:55)
Поделиться5Пт, 10 Янв 2014 23:18:32
LandWaterSun Вот тебе код твоего радио code: <object type="application/x-shockwave-flash" id="stationPlayer" data="http://relax-fm.ru/stationPlayer.swf" height="250" width="170">
<param name="menu" value="false">
<param name="scale" value="noScale">
<param name="allowFullscreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="bgcolor" value="">
<param name="wmode" value="transparent">
<param name="flashvars" value="streamUrl=http://217.29.51.162:8000/relaxfm-studio-128k.mp3">
</object>
С Размерами окна отображения думаю сам разберешься. По мне так лучше скрыть плеер, поставить значения height="0" width="0"
Посмотри на моем форуме, трансляция постоянная, плеер не отображается, для тех кто хочет изменить громкость,
отключить трансляцию. переход на дополнительную страницу, где отображается плеер и ним можно управлять.
В твоем случае для этого в код плеера нужно добавить автостарт.
Отредактировано MyFF (Пт, 10 Янв 2014 23:56:55)
Поделиться6Пт, 10 Янв 2014 23:58:49
LandWaterSun Вот тебе код твоего радио code: <object type="application/x-shockwave-flash" id="stationPlayer" data="http://relax-fm.ru/stationPlayer.swf" height="250" width="170">...
Спасибо, MyFF, очень понравился твой форум. Тем не менее жду ответа по предыдущему моему посту.
Поделиться7Сб, 11 Янв 2014 01:26:49
Применил схему:
<table border="0">
<tr>
<td>Радио</td>
<td>Баннер</td>
</tr>
</table>
Получил следующее:
<table border=0>
<tr>
<td>
<iframe style="border:5px solid #009CFF;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;float:right" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=3&a=0&r=1&h=165&s=33" width="250" height="75"></iframe>
</td>
<td width=260></td>
<td>
<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};
function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt2 = 2;
var ad2 = rand(ad_cnt2);
var link2;
var adBanner2;
var width2
var height2
if (ad2==1) {
link2="http://landwatersun.ru/viewtopic.php?id=252#p972";
adBanner2="https://forumstatic.ru/files/000c/4b/84/32062.jpg";
width2="";
height2="";
alt2="";
}
if (ad2==2) {
link2="http://landwatersun.ru/viewtopic.php?id=258#p990";
adBanner2="https://forumstatic.ru/files/000c/4b/84/70567.jpg";
width2="";
height2="";
alt2="";
}
document.write('<div style="text-align: right;"><a href="' + link2 + '" target="_top">');
document.write('<img src="' + adBanner2 + '" width=' + width2 + ' height=' + height2 + ' border=0 alt="' + alt2 + '"></a>');
document.write('</div>');
// End -->
</script>
</td>
</tr>
</table>
Поделиться8Сб, 11 Янв 2014 01:37:18
Очень не нравится, что с увеличением высоты баннера или фрейма радио смещается меню форума http://landwatersun.ru. Почему это происходит? Как этот эффект можно устранить?
P.S.: Если поставить фрейм радио под баннером, то меню уходит вниз, что выглядит некрасиво.
Поделиться9Сб, 11 Янв 2014 01:44:32
Как сделать так, чтобы окно с радио располагалось справа под баннером?
На данный момент HTML верх:
РАДИО:
<iframe style="border:5px solid #009CFF;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=3&a=0&r=1&h=165&s=33" width="200" height="115"></iframe>
Добавляем: position: absolute; top: 30px; right: 30px;, с помощью выделенного красным позиционируем положение..То бишь выглядит так:
<iframe style="position: absolute; top: 30px; right: 30px;border:5px solid #009CFF;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=3&a=0&r=1&h=165&s=33" width="200" height="115"></iframe>
Применил схему:
<table border="0">
<tr>
<td>Радио</td>
<td>Баннер</td>
</tr>
</table>
Как сделать так, чтобы окно с радио располагалось справа под баннером?
Не понял вам под баннером надо или рядом? Бо ваша схема - это рядом, под баннером выглядит так:
<table border="0">
<tr>
<td>Баннер</td>
</tr>
<tr>
<td>Радио</td>
</tr>
</table>
Поделиться10Сб, 11 Янв 2014 01:47:19
Очень не нравится, что с увеличением высоты баннера или фрейма радио смещается меню форума http://landwatersun.ru. Почему это происходит? Как этот эффект можно устранить?
Задайте абсолютное позиционирование: position: absolute; и регулируйте положение баннера и радио с помощью: top, left, right.
Поделиться11Сб, 11 Янв 2014 01:49:18
Задайте абсолютное позиционирование: position: absolute; и регулируйте положение баннера и радио с помощью: left, right.
Вот left, right. не надо, ибо ползти будет от разрешения, ток margin-left и margin-right;
Отредактировано Deff (Сб, 11 Янв 2014 01:49:37)
Поделиться12Сб, 11 Янв 2014 02:05:19
Не понял вам под баннером надо или рядом?
Надо под баннером, но если это исполнить, то меню с контекстом форума сместиться вниз (см. мой предыдущий пост).
Поделиться13Сб, 11 Янв 2014 02:12:13
Попробуй так ---> <div align="center">здесь двое детище(код), </div> будет по центру, ну а height(высоту) обеих частей подганяй
<div align="center"><table border=0>
<tr>
<td>
<iframe style="border:5px solid #009CFF;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;float:right" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=3&a=0&r=1&h=165&s=33" width="250" height="75"></iframe>
</td>
<td width=260></td>
<td>
<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};
function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt2 = 2;
var ad2 = rand(ad_cnt2);
var link2;
var adBanner2;
var width2
var height2
if (ad2==1) {
link2="http://landwatersun.ru/viewtopic.php?id=252#p972";
adBanner2="https://forumstatic.ru/files/000c/4b/84/32062.jpg";
width2="";
height2="";
alt2="";
}
if (ad2==2) {
link2="http://landwatersun.ru/viewtopic.php?id=258#p990";
adBanner2="https://forumstatic.ru/files/000c/4b/84/70567.jpg";
width2="";
height2="";
alt2="";
}
document.write('<div style="text-align: right;"><a href="' + link2 + '" target="_top">');
document.write('<img src="' + adBanner2 + '" width=' + width2 + ' height=' + height2 + ' border=0 alt="' + alt2 + '"></a>');
document.write('</div>');
// End -->
</script>
</td>
</tr>
</table> </div>
Отредактировано MyFF (Сб, 11 Янв 2014 02:13:41)
Поделиться14Сб, 11 Янв 2014 02:47:26
Всех благодарю за помощь!
Вот код:
<div style=" position: absolute"><table border=0>
<tr>
<td valign=top>
<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};
function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt2 = 2;
var ad2 = rand(ad_cnt2);
var link2;
var adBanner2;
var width2
var height2
if (ad2==1) {
link2="http://landwatersun.ru/viewtopic.php?id=252#p972";
adBanner2="https://forumstatic.ru/files/000c/4b/84/32062.jpg";
width2="";
height2="";
alt2="";
}
if (ad2==2) {
link2="http://landwatersun.ru/viewtopic.php?id=258#p990";
adBanner2="https://forumstatic.ru/files/000c/4b/84/70567.jpg";
width2="";
height2="";
alt2="";
}
document.write('<div><a href="' + link2 + '" target="_top">');
document.write('<img src="' + adBanner2 + '" width=' + width2 + ' height=' + height2 + ' border=0 alt="' + alt2 + '"></a>');
document.write('</div>');
// End -->
</script>
</td>
<td width=300></td>
<td>
<iframe style="border:2px solid #009CFF;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=3&a=0&r=1&h=250&s=33,229,1024,305,308,84" width="230" height="250"></iframe>
</td>
</tr>
</table> </div>
Я обожаю MYBB!
P.S.: Заходите на мой форум http://landwatersun.ru
Отредактировано LandWaterSun (Сб, 11 Янв 2014 02:51:40)
Поделиться15Сб, 11 Янв 2014 12:01:24
Внес некоторые поправки (выделены красным цветом), чтобы при изменении разрешения экрана или при масштабировании окна баннер и фрейм радио не "скакали". Как вы считаете насколько они уместны, правильны?
<div style=" position: absolute"><table border=0>
<tr>
<td valign=top width="72%" align=left>
<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};
function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt2 = 2;
var ad2 = rand(ad_cnt2);
var link2;
var adBanner2;
var width2
var height2
if (ad2==1) {
link2="http://landwatersun.ru/viewtopic.php?id=252#p972";
adBanner2="https://forumstatic.ru/files/000c/4b/84/32062.jpg";
width2="";
height2="";
alt2="";
}
if (ad2==2) {
link2="http://landwatersun.ru/viewtopic.php?id=258#p990";
adBanner2="https://forumstatic.ru/files/000c/4b/84/70567.jpg";
width2="";
height2="";
alt2="";
}
document.write('<div><a href="' + link2 + '" target="_top">');
document.write('<img src="' + adBanner2 + '" width=' + width2 + ' height=' + height2 + ' border=0 alt="' + alt2 + '"></a>');
document.write('</div>');
// End -->
</script>
</td>
<td align=right>
<iframe style="border:2px solid #009CFF;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=3&a=0&r=1&h=250&s=33,229,1024,305,308,84" width="230" height="250"></iframe>
</td>
</tr>
</table> </div>
Поделиться16Чт, 13 Мар 2014 17:28:04
При том коде, который указал выше, в браузере Firefox фрейм-радио сразу идет следом за баннером. В других браузерах, таких как, Google Chrome и IE, отображается как надо. Как добиться, чтобы в Firefox тоже было аналогично? Может мой код не универсален? Помогите, пожалуйста, разобраться.