Skip to content

Instantly share code, notes, and snippets.

@danieltroger

danieltroger/radio.html

Last active May 16, 2018 18:24
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save danieltroger/1cd4a116c9765cebd012c57776219543 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save danieltroger/1cd4a116c9765cebd012c57776219543 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. danieltroger revised this gist May 16, 2018. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions radio.html
    View file
    Original file line number Diff line number Diff line change
    @@ -110,13 +110,13 @@
    dds.appendChild(itm);
    }
    document.body.appendChild(dds);
    interval = setInterval(function(){firststation.now_playing(function(text){document.getElementById("np").innerHTML = text})},1000);
    interval = setInterval(function(){firststation.now_playing(function(text){document.getElementById("np").innerHTML = ap.src+"<br />"+text})},1000);
    dds.addEventListener("change",function(e){
    clearInterval(interval);
    var station = parseFloat(e.target.value);
    ap.pause();
    ap.src = stations[station].stream;
    interval = setInterval(function(){stations[station].now_playing(function(text){document.getElementById("np").innerHTML = text})},5000);
    interval = setInterval(function(){stations[station].now_playing(function(text){document.getElementById("np").innerHTML = ap.src+"<br />"+text})},5000);
    ap.play();
    });
    });
  2. danieltroger created this gist May 16, 2018.
    140 changes: 140 additions & 0 deletions radio.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,140 @@
    <!DOCTYPE html>
    <html>
    <head>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-title" content="Radio" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Radio</title>
    <script src="https://code.jquery.com/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Ubuntu" />
    <script>
    function rand (min, max) {
    // discuss at: http://locutus.io/php/rand/
    // original by: Leslie Hoare
    // bugfixed by: Onno Marsman (https://twitter.com/onnomarsman)
    // note 1: See the commented out code below for a version which
    // note 1: will work with our experimental (though probably unnecessary)
    // note 1: srand() function)
    // example 1: rand(1, 1)
    // returns 1: 1

    var argc = arguments.length
    if (argc === 0) {
    min = 0
    max = 2147483647
    } else if (argc === 1) {
    throw new Error('Warning: rand() expects exactly 2 parameters, 1 given')
    }
    return Math.floor(Math.random() * (max - min + 1)) + min
    }
    var interval = 0,
    stations = {
    88.8: {
    stream: "http://rbb-radioberlin-live.cast.addradio.de/rbb/radioberlin/live/mp3/128/stream.mp3",
    now_playing: function(callback)
    {
    $.ajax({
    type: "GET",
    async: true,
    url: "https://www.radioberlin.de/livestream/index.htm/SSI=true/box=2/module=livestream%21middleColumnList.html?_"+(Math.floor(new Date().getTime() / 1000)),
    }).done(function(m){
    callback($(m).text());
    });
    }
    },
    91.4:
    {
    //stream: "http://stream.berliner-rundfunk.de/brf/mp3-128/internetradio",
    stream: "https://topradio-de-hz-fal-stream08-cluster01.radiohost.de/brf_128",
    now_playing: function(callback)
    {
    var script = document.createElement("script"),
    fn = "f"+rand();
    eval('window.'+fn+' = function(json){var fn = "'+fn+'";$("#"+fn).remove();var res = json.results[76];if(res.length == 2){callback(res[1].name+"\\n"+res[1].artistName)}else{callback("Es läuft gerade keine Musik")}eval("delete window."+fn+"")}');
    script.src = "https://np.radioplayer.de/qp/v3/onair?rpIds=76&nameSize=200&artistNameSize=200&descriptionSize=200&callback="+fn+"&_="+(Math.floor(new Date().getTime() / 1000));
    script.type = "text/javascript";
    script.id = fn;
    document.body.appendChild(script);
    }
    },
    93.6:
    {
    stream: "http://stream.jam.fm/jamfm-live/mp3-128/konsole/",
    now_playing: function(callback)
    {
    var script = document.createElement("script"),
    fn = "f"+rand();
    eval('window.'+fn+' = function(json){var fn = "'+fn+'";$("#"+fn).remove();var res = json.results[124];if(res.length == 2){callback(res[1].name+"\\n"+res[1].artistName)}else{callback("Es läuft gerade keine Musik")}eval("delete window."+fn+"")}');
    script.src = "https://np.radioplayer.de/qp/v3/onair?rpIds=124&nameSize=200&artistNameSize=200&descriptionSize=200&callback="+fn+"&_="+(Math.floor(new Date().getTime() / 1000));
    script.type = "text/javascript";
    script.id = fn;
    document.body.appendChild(script);
    }
    },
    94.3:
    {
    stream: "http://stream.rs2.de/rs2/mp3-128/internetradio/",
    now_playing: function(callback)
    {
    var script = document.createElement("script"),
    fn = "f"+rand();
    eval('window.'+fn+' = function(json){var fn = "'+fn+'";$("#"+fn).remove();var res = json.results[77];if(res.length == 2){callback(res[1].name+"\\n"+res[1].artistName)}else{callback("Es läuft gerade keine Musik")}eval("delete window."+fn+"")}');
    script.src = "https://np.radioplayer.de/qp/v3/onair?rpIds=77&nameSize=200&artistNameSize=200&descriptionSize=200&callback="+fn+"&_="+(Math.floor(new Date().getTime() / 1000));
    script.type = "text/javascript";
    script.id = fn;
    document.body.appendChild(script);
    }
    }
    };
    window.addEventListener("load",function()
    {
    var i = 0, ks = Object.keys(stations),firststation = stations[ks[0]];
    window.np = document.createElement("div");
    np.id = "np";
    document.body.appendChild(np);
    window.ap = document.createElement("audio");
    ap.src = firststation.stream;
    ap.controls = true;
    ap.autoplay = true;
    document.body.appendChild(ap);
    ap.play();
    document.body.appendChild(document.createElement("br"))
    window.dds = document.createElement("select");
    for(; i<ks.length; i++)
    {
    var itm = document.createElement("option");
    itm.value = ks[i];
    itm.innerHTML = ks[i];
    dds.appendChild(itm);
    }
    document.body.appendChild(dds);
    interval = setInterval(function(){firststation.now_playing(function(text){document.getElementById("np").innerHTML = text})},1000);
    dds.addEventListener("change",function(e){
    clearInterval(interval);
    var station = parseFloat(e.target.value);
    ap.pause();
    ap.src = stations[station].stream;
    interval = setInterval(function(){stations[station].now_playing(function(text){document.getElementById("np").innerHTML = text})},5000);
    ap.play();
    });
    });
    </script>
    <style>
    select
    {
    font-size: 10vh;
    height: 20vh;
    width: 90vw;
    }
    #np
    {
    font-family: ubuntu;
    font-size: 20pt;
    }
    </style>
    </head>
    <body>
    </body>
    </html>