ОсновноеRadiotalkПользовательское
Технологии вещания, софт, скрипты
3   •   Посмотреть все темы

показываем количество слушателей с помошью красивых графиков от гугла.

 

156
Eugene @MechanisM
показываем количество слушателей с помошью красивых графиков от гугла.
открываем файлик странички Icecast2 где вы хотите это добавить например status.xsl и добавляем следующее:
перед </head>
<script src="https://www.google.com/jsapi"></script>
<script>google.load('visualization', '1', {packages: ['gauge']});
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Label');
data.addColumn('number', 'Value');
data.addRows([
['TOTAL', <xsl:value-of select="listeners" />],<xsl:for-each select="source">
['<xsl:value-of select="@mount" />', <xsl:value-of select="listeners" />]<xsl:if test="position() != last()"><xsl:text>,</xsl:text></xsl:if></xsl:for-each>
]);
var gaugeOptions = {min: 0, max: 300, greenFrom: 0, greenTo: 200, yellowFrom: 200, yellowTo: 280, redFrom: 280, redTo: 300, minorTicks: 5};
new google.visualization.Gauge(document.getElementById('visualization')).
draw(data, gaugeOptions);
}
google.setOnLoadCallback(drawVisualization);
</script>

а уже в теге <body> добавляем контейнер куда это все вставляется:
<div id="visualization" style="width:600px; height:200px;"></div>
вот скриншот:

Отредактировано MechanisM - 10.08.2011
1572
KyPIIaToB @KyPIIaToB
Красивая реализация вывода. Можешь выложить полный код со стилями для странички status.xsl ? )

156
Eugene @MechanisM
ну тут смысл в графиках. а дизайн то любой можно прикрутить. в данном случае использована библиотека jquerymobile.com

183
levbazhenov @levbazhenov
Спасибо, сейчас заценим...

1572
KyPIIaToB @KyPIIaToB
MechanisM пишет:

ну тут смысл в графиках. а дизайн то любой можно прикрутить. в данном случае использована библиотека jquerymobile.com

Ну посидеть поковыряться да и сделать не сложно, только что поглядел возможности данной библиотеки.

156
Eugene @MechanisM
кто уже заюзал код исправьте: <xsl:value-of select="mount" />
на <xsl:value-of select="@mount" />
или можете что угодно выводить хоть описание хоть трек играющий.

36
Павел @MaJlblLLl
Слушай, а ты не мог бы выложить мануал по подробнее не много, как прикрепить такой дизайн к серверу IceCast под win?
Я думаю такой пост был бы актуален и многим интересен да и я что то не много не допру.

1572
KyPIIaToB @KyPIIaToB
MaJlblLLl пишет:

Слушай, а ты не мог бы выложить мануал по подробнее не много, как прикрепить такой дизайн к серверу IceCast под win?
Я думаю такой пост был бы актуален и многим интересен да и я что то не много не допру

1) В первом посте манул.
2) Платформа тут не играет роли, это для веба.

114
lex46 @lex46
Спасибо, довольно интересно :) Могли бы поделиться стилем страницы icecast`a ?

1572
KyPIIaToB @KyPIIaToB
lex46 пишет:

Спасибо, довольно интересно smile Могли бы поделиться стилем страницы icecast`a ?

Готовый за денежку) А сам можешь прикрутить с помощью jquerymobile.com