Click here to download latest version
":"Download latest version from here
");if(f.tagName=="A"){f.onclick=function(){location.href=j}}}if(n.onFail){var l=n.onFail.call(this);if(typeof l=="string"){f.innerHTML=l}}}}if(h){window[n.id]=document.getElementById(n.id)}i(this,{getRoot:function(){return f},getOptions:function(){return n},getConf:function(){return m},getApi:function(){return f.firstChild}})}if(c){jQuery.tools=jQuery.tools||{version:"3.2.6"};jQuery.tools.flashembed={conf:b};jQuery.fn.flashembed=function(l,f){return this.each(function(){jQuery(this).data("flashembed",flashembed(this,l,f))})}}})(); // http://www.tutorialspoint.com/javascript/array_foreach.htm if (!Array.prototype.forEach) { Array.prototype.forEach = function(fun /*, thisp*/) { var len = this.length; if (typeof fun != "function") throw new TypeError(); var thisp = arguments[1]; for (var i = 0; i < len; i++) { if (i in this) fun.call(thisp, this[i], i, this); } }; } (function() { if( !window.laut ){ window.laut = {}; }; if( !window.laut.fm ){ // actual code block begins here ======================================================= function setCookie(name,value,seconds) { var expires; if (seconds) { var date = new Date(); date.setTime(date.getTime()+(seconds*1000)); expires = "; expires="+date.toGMTString(); } else{ expires = ""; } document.cookie = name+"="+value+expires+"; path=/"; } function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } var with_lautfm_time_offset = function(callback){ var offset; if(offset = parseInt(getCookie('__lautfm__offset__'), 10)){ callback(offset); }else{ getTime(function(t){ offset = parseInt(new Date - t, 10); // positive means, we're ahead of the server setCookie('__lautfm__offset__',offset,60*60*24); callback(offset); }); } }; var humanTimeLong = function(){ var h = this.getHours(); var m = this.getMinutes(); var s = this.getSeconds(); m = m < 10 ? '0'+m : m; s = s < 10 ? '0'+s : s; return h + ':' + m + ':' + s; }; var humanTimeShort = function(){ var h = this.getHours(); var m = this.getMinutes(); m = m < 10 ? '0'+m : m; return h + ':' + m; }; // parsing API dates: var reviver = function(key, value){ var a; var at_key = /.+_at$/.exec(key); if( key=='' || at_key ){ // started_at or toplevel (for getTime) if (typeof value === 'string') { // 2011-07-07 22:03:29 +0200 // 2011-07-07 22:03:29 -0600 a = /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2}) ([+-])\d(\d)\d\d$/.exec(value); if(a){ var date = new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], (a[7]=='+' ? +a[4]-a[8] : +a[4]+a[8]), +a[5], +a[6])); date.humanTimeLong = humanTimeLong; date.humanTimeShort = humanTimeShort; return date; } } } return value; }; var parseJSON = function(string){ try{ return JSON.parse(string, reviver); } catch(err) { err.message = 'JSON parsing error: '+err.message; throw err; } }; var expiration_by_content = function(result){ return (typeof result.ends_at != 'undefined' && result.ends_at) || (typeof result[0] !='undefined' && result[0].ends_at !='undefined' && result[0].ends_at); }; // Idea: http://ejohn.org/blog/javascript-micro-templating/ // Adopted: http://www.west-wind.com/weblog/posts/2008/Oct/13/Client-Templating-with-jQuery __tmplCache__ = {}; parseTemplate = function(templ, data) { try { var func = __tmplCache__[templ]; if (!func) { var strFunc = "var p=[];\n"+ "var print = function(){p.push.apply(p,arguments);};\n" + "p.push('" + templ.replace(/[\r\t\n]/g, " ") .replace(/'(?=[^%]*%>)/g, "\t") .split("'").join("\\'") .split("\t").join("'") .replace(/<%=(.+?)%>/g, "',$1,'") .split("<%").join("');") .split("%>").join("\n p.push('") + "');return p.join('');"; // alert(strFunc); func = new Function(strFunc); __tmplCache__[templ] = func; } return func.call(data); } catch (e) { return "< # ERROR: " + e.message + ': ' + e.stack + " # >"; } }; // begin private functions ======================================================= var apiget = function (url, callback_or_opts, watch, self) { var apiurl = laut.fm.apiServer + '/' + url; var callback; if(typeof callback_or_opts == 'function'){ callback = callback_or_opts; } else { var template = callback_or_opts.template; var container = callback_or_opts.container; callback = function(api_result){ if(callback_or_opts.callback){ callback_or_opts.callback(api_result) ; }; if(template && container){ if(typeof container == 'string'){ container = document.getElementById(container) ; } if(typeof template == 'string'){ template = document.getElementById(template) ; } }; container.innerHTML = parseTemplate(template.innerHTML, api_result); }; } if (window.XDomainRequest) { // For IEs var xdr = new XDomainRequest(); xdr.open("GET", apiurl); xdr.timeout = 10000; xdr.onprogress = function(){}; xdr.onerror = function(e){}; xdr.ontimeout = function(){}; xdr.onload = function(){ var result = parseJSON(this.responseText); callback(result); // IEs XDR request doesn't support extracting the headers. // a bad hack, extracting the expiration info in some cases out of the // json content. for now, we only handle .current_song and .last_songs: if(typeof(watch)!='undefined' && watch){ var expires = expiration_by_content(result); if(expires){ // The absolute difference between now and the expiration, at least 5 seconds. with_lautfm_time_offset(function(offset){ var expires_in = Math.max(5000, expires - new Date + offset); var to = setTimeout(function(){ apiget(url, callback, true, self); }, expires_in); self.timers.push(to); }); } } }; setTimeout(function(){ xdr.send(''); }, 0); } else { // for browsers try { var xhr = new XMLHttpRequest(); xhr.open("GET", apiurl, true); xhr.onreadystatechange = function () { if (xhr.readyState == 4){ if( parseInt(xhr.status, 10) >= 200 && parseInt(xhr.status, 10) < 300){ var result = parseJSON(this.responseText); callback(result); if(typeof(watch)!='undefined' && watch){ // The absolute difference between now and the expiration, at least 5 seconds. // Adds the offset of the local computer to the lautfm server. with_lautfm_time_offset(function(offset){ var expires_in = Math.max(5000, Date.parse(xhr.getResponseHeader('Expires')) - new Date + offset); var to = setTimeout(function(){ apiget(url, callback, true, self); }, expires_in); self.timers.push(to); }); } } else { self.errorcallback('Not a 200-ish response: '+xhr.status); } } }; xhr.send(); } catch(e) { self.errorcallback(e.message); } } }; // The general API calls: var getTime = function(callback){ apiget('time' , callback, false, this); return this; }; var getStatus = function(callback){ apiget('server_status' , callback, false, this); return this; }; var getLetters = function(callback){ apiget('letters' , callback, false, this); return this; }; var getGenres = function(callback){ apiget('genres' , callback, false, this); return this; }; var getStationNames = function(callback){ apiget('station_names' , callback, false, this); return this; }; // The single station API calls: var getInfo = function(callback, watch){ apiget('station/' + this.station , callback, watch, this); return this; }; var getCurrentSong = function(callback, watch){ apiget('station/' + this.station + '/current_song', callback, watch, this); return this; }; var getLastSongs = function(callback, watch){ apiget('station/' + this.station + '/last_songs' , callback, watch, this); return this; }; var getPlaylists = function(callback ){ apiget('station/' + this.station + '/playlists' , callback, false, this); return this; }; var getSchedule = function(callback ){ apiget('station/' + this.station + '/schedule' , callback, false, this); return this; }; var getNetwork = function(callback ){ apiget('station/' + this.station + '/network' , callback, false, this); return this; }; var unwatchTimers = function(){ for(var i in this.timers) { clearTimeout(this.timers[i]); } this.timers = []; }; var query_string_for = function(params) { var str = []; for(var p in params) { str.push(encodeURIComponent(p) + '=' + encodeURIComponent(params[p])); } return str.join("&"); }; // The station index API calls: var getStationIndex = function(url, callback, params){ url = url=='' ? 'stations' : 'stations/' + url; if(params){ url = url + '?' + query_string_for(params); } apiget(url, callback, false, this); }; // The station search API calls: var getSearch = function(what, query, callback, params){ url = 'search/'+what+'?query='+encodeURIComponent(query); if(params){ url = url + '&' + query_string_for(params); } apiget(url, callback, false, this); }; var getAll = function( callback, params){ getStationIndex('', callback, params); return this; }; var getLetter = function(letter, callback, params){ getStationIndex((letter=='#' ? 'numbers' : 'letter/'+letter), callback, params); return this; }; var getNumbers = function( callback, params){ getStationIndex('numbers', callback, params); return this; }; var getGenre = function(genre, callback, params){ getStationIndex('genre/'+genre, callback, params); return this; }; var getNames = function(names, callback, params){ getStationIndex(names.toString(), callback, params); return this; }; var getStationSearch = function(query, callback, params){ getSearch('stations', query, callback, params); return this; }; var fade = function(start, end, step, delay, onStep, onFinished){ if(step > 0 && start > end){ if(onFinished){ onFinished(); }; return ; } if(step < 0 && start < end){ if(onFinished){ onFinished(); }; return ; } setTimeout(function(){ onStep(start); fade(start + step, end, step, delay, onStep, onFinished); }, delay); }; function Player(opts){ var flowplayer, current_station; var player_self = this; var status, onSongChange, buttons; if(opts){ if(opts.status){ status = document.getElementById(opts.status); }; onSongChange = opts.onSongChange; buttons = opts.buttons; }; for(var button in buttons){ elm = document.getElementById(buttons[button]); if(elm){ (function(_button){ elm.onclick = function(){ player_self[_button]() ; }; })(button); } }; var setStatus = function(msg, timeout){ if(status){ status.innerHTML = msg; if(timeout){ setTimeout(function(){status.innerHTML = '' ; }, timeout); } } }; var changeVol = function(delta){ var vol = $f().getVolume(); var new_vol = Math.max(Math.min(vol+delta,100),0); player_self.volume = new_vol; if(!flowplayer){ return false; }; flowplayer.setVolume(new_vol); setStatus('Lautstärke: '+ new_vol, 5000); }; var setVol = function(vol){ var new_vol = Math.max(Math.min(vol,100),0); player_self.volume = new_vol; if(!flowplayer){ return false; }; flowplayer.setVolume(new_vol); setStatus('Lautstärke: '+ new_vol, 5000); }; this.play = function(station, callback){ if(current_station == station){ return false ; }; if(typeof(station)=='undefined'){ station = current_station ; }; current_station = station; var player_id = 'player_' + (new Date().getTime()); var container = document.createElement("a"); container.setAttribute('class', 'player'); container.setAttribute('id', player_id); container.setAttribute('style', 'display:block;width:0px;height:0px;'); document.body.appendChild(container); setStatus('Verbinde zu laut.fm/'+ station +'…'); $f(container, "http://www.laut.fm/js/flowplayer-3.2.7.swf", { clip: { url: 'http://stream.laut.fm/'+station+'?type=.flv', onBegin: function(player) { var self = this; self.setVolume(0); if(typeof player_self.volume == 'undefined'){ player_self.volume = 99 ; }; fade(0,player_self.volume,11,120,function(v){ self.setVolume(v); }); // stop all but the current player which are not already unloaded $f('*').each(function(p){ p=$f(p); if( p!=self && p.getState()!=-1 ){ player_self.stop(p); }; }); flowplayer = this; setStatus(''); }, onMetaData: function(){ onSongChange(station) ; } } }); return true; }; // this.start() this.stop = function(the_player){ if(typeof(the_player)=='undefined'){ the_player = flowplayer ; }; if(!the_player){ $f('*').each(function(p){ $f(p).stop(); $f(p).unload(); }); setStatus(''); return false; }; fade( the_player.getVolume(), // start 0, // end -11, // step 240, // delay function(v){ the_player.setVolume(v); }, function(){ the_player.stop(); the_player.unload(); try{ document.body.removeChild(the_player.getParent()); } catch(e){}; } ); }; // this.stop() this.mute = function(){ flowplayer.mute() ; }; this.unmute = function(){ flowplayer.unmute() ; }; this.volUp = function(){ changeVol(+10) ; }; this.volDown = function(){ changeVol(-10) ; }; this.setVol = function(v){ setVol(v) ; }; } // end private functions ======================================================= // The actual laut.fm object: window.laut.fm = { errorcallback : function(msg){}, apiServer : 'http://api.laut.fm', time : getTime, server_status : getStatus, letters : getLetters, genres : getGenres, station_names : getStationNames, stations : { all : getAll, letter : getLetter, numbers : getNumbers, genre : getGenre, names : getNames }, station : function(station){ return { errorcallback : window.laut.fm.errorcallback, station : station, info : getInfo, current_song : getCurrentSong, last_songs : getLastSongs, playlists : getPlaylists, schedule : getSchedule, network : getNetwork, unwatch : unwatchTimers, timers : [] }; }, player : function(opts){ return new Player(opts) ; }, search : { stations : getStationSearch } }; // actual code block ends here ======================================================= }; if( !window.$l ){ window.$l = laut.fm; }; })();