90 lines
2.7 KiB
JavaScript
90 lines
2.7 KiB
JavaScript
|
var vid = document.getElementById("ra");
|
||
|
|
//defined by html template
|
||
|
|
// var radio_server=rs;
|
||
|
|
// var listen_url=lis;
|
||
|
|
// var channel=chan;
|
||
|
|
vid.autoplay=true;
|
||
|
|
window.onload = function(){
|
||
|
|
radioUpdate();
|
||
|
|
|
||
|
|
function radioUpdate(){
|
||
|
|
d3.json(radio_server +"/status-json.xsl")
|
||
|
|
.timeout(10000)
|
||
|
|
.get(function(e,d){
|
||
|
|
if(e !=undefined){
|
||
|
|
console.warn("sin conxion");
|
||
|
|
offline();}
|
||
|
|
else{
|
||
|
|
if(d.icestats.source!=undefined){
|
||
|
|
if(d.icestats.source.listenurl == listen_url){
|
||
|
|
console.log("transmitiendo");
|
||
|
|
online(d); }
|
||
|
|
else {
|
||
|
|
console.warn("otro canal");
|
||
|
|
offline(); }}
|
||
|
|
else {
|
||
|
|
console.warn("fuera de línea");
|
||
|
|
offline();
|
||
|
|
}
|
||
|
|
} }); };
|
||
|
|
|
||
|
|
|
||
|
|
function dataUpdate(){
|
||
|
|
d3.json(radio_server+"/status-json.xsl")
|
||
|
|
.timeout(10000)
|
||
|
|
.get(function(e,d){
|
||
|
|
if(e !=undefined){ console.warn("sin datos radio"); }
|
||
|
|
else{
|
||
|
|
if(d.icestats.source!=undefined){
|
||
|
|
if(d.icestats.source.listenurl == listen_url ){
|
||
|
|
d3.select("#now").text(d.icestats.source.title);
|
||
|
|
}}}
|
||
|
|
|
||
|
|
d3.select("#ra").transition().on("end",dataUpdate).delay(60000);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
function offline(){
|
||
|
|
d3.selectAll("article.offline").style("display","block");
|
||
|
|
d3.selectAll("article.online").style("display","none");
|
||
|
|
d3.select("#spot").style("background-color","red");
|
||
|
|
d3.select("#now").text("");
|
||
|
|
console.log("desconectado");
|
||
|
|
d3.select("#ra").transition().on("end",radioUpdate).delay(90000);
|
||
|
|
};
|
||
|
|
|
||
|
|
function online(d){
|
||
|
|
d3.select("#spot").style("background-color","green");
|
||
|
|
d3.select("#prof").text(d.icestats.source.server_name);
|
||
|
|
d3.select("#now").text(d.icestats.source.title);
|
||
|
|
d3.selectAll("article.online").style("display","block");
|
||
|
|
d3.selectAll("article.offline").style("display","none");
|
||
|
|
vid.src=radio_server+channel;
|
||
|
|
vid.load();
|
||
|
|
console.log("conectado");
|
||
|
|
dataUpdate();
|
||
|
|
}
|
||
|
|
|
||
|
|
function cerr(e){ console.warn("stream "+ e);
|
||
|
|
vid.pause();
|
||
|
|
d3.select("#ra").transition()
|
||
|
|
.on("end",function(){ vid.play(); })
|
||
|
|
.delay(1000);
|
||
|
|
};
|
||
|
|
|
||
|
|
function err(e){
|
||
|
|
console.warn("stream "+e);
|
||
|
|
d3.select("#ra").transition().on("end",radioUpdate).delay(5000);
|
||
|
|
}
|
||
|
|
|
||
|
|
// if error try reloading
|
||
|
|
|
||
|
|
vid.onerror=function(e){ err("error")};
|
||
|
|
vid.onended=function(){ err("end")};
|
||
|
|
//vid.onstalled=function(){ cerr("st")};
|
||
|
|
vid.onemptied=function(){ cerr("empty")};
|
||
|
|
//vid.onsuspend=function(){ cerr("sus")};
|
||
|
|
vid.onabort=function(){ err("abort")};
|
||
|
|
}
|