diff --git a/gulpfile.js b/gulpfile.js index 1b89c2e6..ef1fa4dd 100755 --- a/gulpfile.js +++ b/gulpfile.js @@ -4,7 +4,7 @@ var gulp = require('gulp'), concat = require('gulp-concat'); gulp.task('js', function () { - gulp.src(['static/js/*.js', '!static/js/nochan*', '!static/js/remotecontroller.js']) + gulp.src(['static/js/*.js', '!static/js/embed*', '!static/js/nochan*', '!static/js/remotecontroller.js']) .pipe(uglify({ mangle: true, compress: true, @@ -14,6 +14,17 @@ gulp.task('js', function () { .pipe(gulp.dest('static/dist')); }); +gulp.task('embed', function () { + gulp.src(['static/js/youtube.js', 'static/js/helpers.js', 'static/js/playercontrols.js', 'static/js/list.js', 'static/js/embed.js', '!static/js/nochan*', '!static/js/remotecontroller.js']) + /*.pipe(uglify({ + mangle: true, + compress: true, + enclose: true + }))*/ + .pipe(concat('embed.min.js')) + .pipe(gulp.dest('static/dist')); +}); + gulp.task('nochan', function () { gulp.src(['static/js/nochan.js']) .pipe(uglify({ @@ -38,6 +49,7 @@ gulp.task('remotecontroller', function () { gulp.task('default', function(){ gulp.watch('static/js/*.js', ['js']); + gulp.watch('static/js/*.js', ['embed']); gulp.watch('static/js/nochan.js', ['nochan']); gulp.watch('static/js/remotecontroller.js', ['remotecontroller']); }); \ No newline at end of file diff --git a/index.php b/index.php index 235ec1e2..c83de923 100755 --- a/index.php +++ b/index.php @@ -152,6 +152,16 @@

Also, whenever you're logged in, you'll have two tabs in the top of the playlist thats called "Playlist" and "Suggested". The playlist obviously shows the playlist. But the suggested tab, shows 5 songs that YouTube recommends based on the current song. There might also be user recommended songs. To add any of these, just click them as you'd click a song to vote.

+
diff --git a/php/channel.php b/php/channel.php index 8b610a0d..6c4f5698 100644 --- a/php/channel.php +++ b/php/channel.php @@ -144,6 +144,16 @@

Also, whenever you're logged in, you'll have two tabs in the top of the playlist thats called "Playlist" and "Suggested". The playlist obviously shows the playlist. But the suggested tab, shows 5 songs that YouTube recommends based on the current song. There might also be user recommended songs. To add any of these, just click them as you'd click a song to vote.

+
diff --git a/php/footer.php b/php/footer.php index 83ff71f2..aa233c42 100755 --- a/php/footer.php +++ b/php/footer.php @@ -12,6 +12,7 @@ Enjoy!

Help, how does this work?! + Embed this channel

diff --git a/static/css/embed.css b/static/css/embed.css new file mode 100644 index 00000000..bae22837 --- /dev/null +++ b/static/css/embed.css @@ -0,0 +1,235 @@ +.card-image{ + height: 100px; + width: 100px; + background-position: center; + background-size: 180%; +} + +.card{ + cursor:pointer; + background-color: grey !important; +} + + +#list-song-html { + display:none; +} + +#song-title{ + display:none; +} + +.list-image, .list-suggested-image{ + width: 34%; + height: 66px; + float: left; +} + +.list-image:after { + font-family: "Material-Design-Icons"; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + content: "\e686";/*"\e800";*/ + color:white; + font-size:65px; + position:absolute; + width:100%; height:100%; + top:0; left:0; + background:rgba(0,0,0,0.8); + opacity:0; + transition: all .1s ease; +} + +.list-suggested-image:after { + font-family: "Material-Design-Icons"; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + content: "\e625";/*"\e800";*/ + color:white; + font-size:65px; + position:absolute; + width:100%; height:100%; + top:0; left:0; + background:rgba(0,0,0,0.8); + opacity:0; + transition: all .1s ease; +} + +.vote-container:hover .list-image:after, .add-suggested:hover .list-suggested-image:after { + opacity:1; +} + + + +.vote-span{ + opacity: 0.7; + padding: 0 0 0 10px; + color:white !important; +} + +.list-song{ + background-color: rgba(255, 255, 255, 0.04); + color:white; + font:12px Arial,sans-serif; + -webkit-transition:height .3s; + -moz-transition:height .3s; + -o-transition:height .3s; + transition:height .3s; + height:66px; +} +.list-song .card-content{padding:0;} +.list-title{ + font-size:13px !important; + display:block; + color:white;font-size:1em; + text-align:left; + padding: 0 10px 0 10px; + line-height: 2.6rem; +} +.card-image{cursor:pointer} +.card{ + margin:5px 0 5px 0 !important; +} +.card:hover{ + box-shadow: 0 5px 5px 0 rgba(0,0,0,0.16), 0 5px 10px 0 rgba(0,0,0,0.12); +} + +#playlist{ + background-color:grey; + height:332px; +} + +.progress{background-color:rgba(0,0,0,0) !important;} + +.indeterminate { + background-color:white !important; +} + +#controls +{ + opacity:0; + height:32px; + background-color:grey; + width:300px; + color:white; + margin-top:0px; +} + +#playpause, #duration, #volume-button +{ + float:left; + color:white; +} + +#playpause, #volume-button +{ + margin-left:10px; +} + +#playpause:hover, #volume-button:hover, #fullscreen:hover +{ + color:rgba(255,255,255,0.5); +} + +#fullscreen +{ + float:right; + color:white; + margin-right:15px; +} + +#duration, #viewers +{ + margin-top:5px; + font-family:"Roboto", sans-serif; + font-weight:300; + margin-left:15px; +} + +#viewers{ + float: right; +} + +#play, #pause, #volume-button, #fullscreen +{ + font-size:20px; + cursor:pointer; +} + +#volume { + cursor:pointer; + float:left; + position: relative; + left: 10px; + margin: 13px auto; + height:5px; + width: 75px; + /*background-color:rgba(0, 0, 0, 0.5);*/ + background:rgba(0, 0, 0, 0.5) 50% 50% repeat-x; + border: none; + outline: none; + /*border-radius: 2px;*/ +} + +#volume .ui-slider-range-min { + height:5px; + width: 75px; + position: absolute; + background-color:rgba(255, 255, 255, 0.8); + border: none; + outline: none; + /*border-radius: 2px;*/ +} + +#volume .ui-slider-handle { + height:15px; + width:5px; + background:#fff 50% 50% repeat-x; + position: absolute; + cursor: pointer; + outline: none; + border: none; + display: none; + margin-left:-2.5px; + margin-top:0px; +} + +.ui-slider-handle +{ + margin-top:-5px; +} + +.play +{ + background-size: auto; + width: 55px; + height: 27px; +} + +.pause +{ + background-size: auto; + width: 55px; + height: 27px; +} + +.hide +{ + display:none !important; +} + +#bar +{ + height:100%; + background-color:rgba(0,0,0,0.5); +} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index 8d2cc104..ea3f1b7b 100755 --- a/static/css/style.css +++ b/static/css/style.css @@ -10,6 +10,10 @@ .snow{-webkit-filter:brightness(100%);-moz-filter:brightness(100%);-o-filter:brightness(100%);filter:brightness(100%);width:5px; height:5px; background-color:white;z-index:1000000;pointer-events:none;position:absolute;border:1px solid white;border-radius:100px;} +#embed-button{ + display:none; +} + /* GLOBAL STYLES */ #playbar{ diff --git a/static/dist/embed.min.js b/static/dist/embed.min.js new file mode 100644 index 00000000..e3e429af --- /dev/null +++ b/static/dist/embed.min.js @@ -0,0 +1,982 @@ +var Youtube = { + + loaded: true, + before_load: "", + after_load: "", + ytplayer: "", + stopInterval: false, + + setup_youtube_listener: function(channel) + { + socket.on("np", function(obj) + { + Youtube.loaded = false; + + if(obj[0].length == 0){ + + document.getElementById('song-title').innerHTML = "Empty channel. Add some songs!"; + $("#player_overlay").height($("#player").height()); + + if(!/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) $("#player_overlay").toggleClass("hide"); + try{ + Youtube.ytplayer.stopVideo(); + }catch(e){} + //List.importOldList(channel.toLowerCase()); + } + else{ + //console.log("gotten new song"); + if(previous_video_id == undefined) + previous_video_id = obj[0][0]["id"]; + else if(previous_video_id != video_id) + previous_video_id = video_id; + + video_id = obj[0][0]["id"]; + conf = obj[1][0]; + time = obj[2]; + seekTo = time - conf["startTime"]; + song_title = obj[0][0]["title"]; + + $("#player_overlay").addClass("hide"); + + try{ + Suggestions.fetchYoutubeSuggests(video_id); + }catch(e){} + Youtube.getTitle(song_title, viewers); + Youtube.setBGimage(video_id); + //if(player_ready && !window.mobilecheck()) + if(player_ready && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) + { + + try{ + if(Youtube.ytplayer.getVideoUrl().split('v=')[1] != video_id) + { + Youtube.ytplayer.loadVideoById(video_id); + Youtube.notifyUser(video_id, song_title); + Youtube.ytplayer.seekTo(seekTo); + if(paused) + Youtube.ytplayer.pauseVideo(); + } + + if(!paused){ + Youtube.ytplayer.playVideo(); + Youtube.durationSetter(); + } + if(Youtube.ytplayer.getDuration() > seekTo || Youtube.ytplayer.getDuration() == 0) + Youtube.ytplayer.seekTo(seekTo); + Youtube.after_load = video_id; + setTimeout(function(){Youtube.loaded = true;},500); + }catch(e){Youtube.durationSetter();} + } + else + Youtube.getTitle(song_title, viewers); + } + }); + + socket.on("viewers", function(view) + { + viewers = view; + + if(song_title !== undefined) + Youtube.getTitle(song_title, viewers); + }); + }, + + onPlayerStateChange: function(newState) { + switch(newState.data) + { + case -1: + break; + case 0: + playing = false; + paused = false; + + socket.emit("end", video_id); + break; + case 1: + playing = true; + if(beginning && window.mobilecheck()){ + Youtube.ytplayer.pauseVideo(); + beginning = false; + } + if(document.getElementById("play").className.split(" ").length == 1) + $("#play").toggleClass("hide"); + if(document.getElementById("pause").className.split(" ").length == 2) + $("#pause").toggleClass("hide"); + if(paused) + { + socket.emit('pos'); + paused = false; + } + break; + case 2: + paused = true; + + if(document.getElementById("pause").className.split(" ").length == 1) + $("#pause").toggleClass("hide"); + if(document.getElementById("play").className.split(" ").length == 2) + $("#play").toggleClass("hide"); + break; + case 3: + break; + } + }, + + getTitle: function(titt, v) + { + var outPutWord = v > 1 ? "viewers" : "viewer"; + var title = decodeURIComponent(titt); + var elem = document.getElementById('song-title'); + var viewers = document.getElementById('viewers'); + + document.title = title + " • Zöff / "+chan; + elem.innerHTML = title; + viewers.innerHTML = v + " " + outPutWord; + elem.title = title + " • " + v + " " + outPutWord; + + }, + + errorHandler: function(newState) + { + if(newState.data == 5 || newState.data == 100 + || newState.data == 101 || newState.data == 150) + { + /*if(Youtube.count == 2){ + Youtube.count = 0;*/ + /*console.log("Before: " + Youtube.before_load); + console.log("Now: " + video_id); + console.log("After: " + Youtube.after_load); + console.log(Youtube.before_load == Youtube.ytplayer.getVideoUrl);*/ + curr_playing = Youtube.ytplayer.getVideoUrl().replace("https://www.youtube.com/watch?v=", ""); + + + socket.emit("skip", {error: newState.data, id: video_id, pass: adminpass}); + //console.log(video_id, Youtube.ytplayer.getVideoUrl(), Youtube.ytplayer.getPlayerState()); + + /*}else{ + setTimeout(function(){ + Youtube.ytplayer.loadVideoById(video_id); + Youtube.count ++; + }, Math.floor((Math.random() * 100) + 1)); + }*/ + }else if(video_id !== undefined) + Youtube.ytplayer.loadVideoById(video_id); + }, + + onPlayerReady: function(event) { + $("#channel-load").css("display", "none"); + try{ + beginning = true; + player_ready = true; + if(!/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) + { + $("#player").css("opacity", "1"); + $("#controls").css("opacity", "1"); + $(".playlist").css("opacity", "1"); + window.ytplayer = Youtube.ytplayer; + Youtube.ytplayer.loadVideoById(video_id); + Youtube.ytplayer.playVideo(); + Youtube.durationSetter(); + Youtube.ytplayer.seekTo(seekTo); + } + Youtube.readyLooks(); + Playercontrols.initYoutubeControls(Youtube.ytplayer); + Playercontrols.initSlider(); + Youtube.ytplayer.setVolume(Crypt.get_volume()); + }catch(e){} + }, + + readyLooks: function() + { + Youtube.setBGimage(video_id); + }, + + setBGimage: function(id){ + + if(id !== undefined && !embed) + { + var img = new Image(); + img.onload = function () + { + + var colorThief = new ColorThief(); + var color = colorThief.getColor(img); + + document.getElementsByTagName("body")[0].style.backgroundColor = Helper.rgbToHsl(color); + $("meta[name=theme-color]").attr("content", Helper.rgbToHex(color[0], color[1], color[2])); + }; + + img.crossOrigin = 'Anonymous'; + img.src = 'https://zoff.no:8080/https://img.youtube.com/vi/'+id+'/mqdefault.jpg'; + } + }, + + set_width: function(val){ + $(".video-container").width(val); + }, + + notifyUser: function(id, title) { + title = title.replace(/\\\'/g, "'").replace(/"/g,"'").replace(/&/g,"&"); + if (Notification.permission === "granted" && document.hidden) { + var notification = new Notification("Now Playing", {body: title, icon: "http://i.ytimg.com/vi/"+id+"/mqdefault.jpg", iconUrl: "http://i.ytimg.com/vi/"+id+"/mqdefault.jpg"}); + notification.onclick = function(x) { window.focus(); this.cancel(); }; + setTimeout(function(){ + notification.close(); + },5000); + } + }, + + setup_all_listeners: function() + { + socket.on("get_list", function(){ + socket.emit('list', chan.toLowerCase()); + }); + Youtube.setup_youtube_listener(chan); + Admin.admin_listener(); + Chat.setup_chat_listener(chan); + Chat.allchat_listener(); + List.channel_listener(); + List.skipping_listener(); + }, + + onYouTubeIframeAPIReady: function() { + Youtube.ytplayer = new YT.Player('player', { + videoId: "asd", + playerVars: { rel:"0", wmode:"transparent", controls: "0" , iv_load_policy: "3", theme:"light", color:"white"}, + events: { + 'onReady': Youtube.onPlayerReady, + 'onStateChange': Youtube.onPlayerStateChange, + 'onError': Youtube.errorHandler + } + }); + //Youtube.durationSetter(); + }, + + durationSetter: function() + { + try{ + duration = Youtube.ytplayer.getDuration(); + }catch(e){duration = 0}; + if(duration != undefined){ + try{ + dMinutes = Math.floor(duration / 60); + dSeconds = duration - dMinutes * 60; + currDurr = Youtube.ytplayer.getCurrentTime(); + if(currDurr > duration) + currDurr = duration; + minutes = Math.floor(currDurr / 60); + seconds = currDurr - minutes * 60; + document.getElementById("duration").innerHTML = Helper.pad(minutes)+":"+Helper.pad(seconds)+" / "+Helper.pad(dMinutes)+":"+Helper.pad(dSeconds); + per = (100 / duration) * currDurr; + if(per >= 100) + per = 100; + else if(duration == 0) + per = 0; + $("#bar").width(per+"%"); + }catch(e){ + + } + } + if(!Youtube.stopInterval) setTimeout(Youtube.durationSetter, 1000); + }, + + loadPlayer: function() { + if($("script[src='https://www.youtube.com/iframe_api']")["length"] == 1){ + Youtube.onYouTubeIframeAPIReady(); + }else{ + tag = document.createElement('script'); + tag.src = "https://www.youtube.com/iframe_api"; + firstScriptTag = document.getElementsByTagName('script')[0]; + firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); + } + } + +} +window.mobilecheck = function() { + var check = false; + (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true;})(navigator.userAgent||navigator.vendor||window.opera); + return check; +}; + +var Helper = { + rnd: function(arr) + { + return arr[Math.floor(Math.random() * arr.length)]; + }, + + predicate: function() { + var fields = [], + n_fields = arguments.length, + field, name, cmp; + + var default_cmp = function (a, b) { + if (a === b) return 0; + return a < b ? -1 : 1; + }, + getCmpFunc = function (primer, reverse) { + var dfc = default_cmp, + // closer in scope + cmp = default_cmp; + if (primer) { + cmp = function (a, b) { + return dfc(primer(a), primer(b)); + }; + } + if (reverse) { + return function (a, b) { + return -1 * cmp(a, b); + }; + } + return cmp; + }; + + // preprocess sorting options + for (var i = 0; i < n_fields; i++) { + field = arguments[i]; + if (typeof field === 'string') { + name = field; + cmp = default_cmp; + } else { + name = field.name; + cmp = getCmpFunc(field.primer, field.reverse); + } + fields.push({ + name: name, + cmp: cmp + }); + } + + // final comparison function + return function (A, B) { + var name, result; + for (var i = 0; i < n_fields; i++) { + result = 0; + field = fields[i]; + name = field.name; + + result = field.cmp(A[name], B[name]); + if (result !== 0) break; + } + return result; + }; + }, + + hashCode: function(str) { // java String#hashCode + var hash = 0; + for (var i = 0; i < str.length; i++) { + hash = str.charCodeAt(i) + ((hash << 5) - hash); + } + return hash; + }, + + intToARGB: function(i){ + return ((i>>24)&0xFF).toString(16) + + ((i>>16)&0xFF).toString(16) + + ((i>>8)&0xFF).toString(16) + + (i&0xFF).toString(16); + }, + + pad: function(n) + { + return n < 10 ? "0"+Math.floor(n) : Math.floor(n); + }, + + + contains: function(a, obj) { + var i = a.length; + while (i--) { + if (a[i] === obj) { + return true; + } + } + return false; + }, + + sample: function() { + if (Date.now() - lastSample >= SAMPLE_RATE * 2) { + socket.removeAllListeners() + socket.disconnect(); + socket.connect(); + Youtube.setup_all_listeners(); + } + lastSample = Date.now(); + setTimeout(Helper.sample, SAMPLE_RATE); + }, + + loadjsfile: function(filename) + { + if (filesadded.indexOf("["+filename+"]")==-1){ + var fileref=document.createElement('script'); + fileref.setAttribute("type","text/javascript"); + fileref.setAttribute("src", filename); + document.getElementsByTagName("head")[0].appendChild(fileref); + filesadded+="["+filename+"]"; + } + }, + + msieversion: function() { + + var ua = window.navigator.userAgent; + var msie = ua.indexOf("MSIE "); + + if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer, return version number + return true; + else // If another browser, return 0 + return false; + }, + + getRandomInt: function(min, max) { + return Math.floor(Math.random() * (max - min)) + min; + }, + + rgbToHsl: function(arr){ + r = arr[0], g = arr[1], b = arr[2]; + r /= 255, g /= 255, b /= 255; + var max = Math.max(r, g, b), min = Math.min(r, g, b); + var h, s, l = (max + min) / 2; + + if(max == min){ + h = s = 0; // achromatic + }else{ + var d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + switch(max){ + case r: h = (g - b) / d + (g < b ? 6 : 0); break; + case g: h = (b - r) / d + 2; break; + case b: h = (r - g) / d + 4; break; + } + h /= 6; + } + + if(l>0.5)l=0.5; //make sure it isnt too light + + return "hsl("+Math.floor(h*360)+", "+Math.floor(s*100)+"%, "+Math.floor(l*100)+"%)"; + }, + + componentToHex: function(c) { + var hex = c.toString(16); + return hex.length == 1 ? "0" + hex : hex; + }, + + rgbToHex: function(r, g, b) { + return "#" + Helper.componentToHex(r) + Helper.componentToHex(g) + Helper.componentToHex(b); + } + +} + +Element.prototype.remove = function() { + this.parentElement.removeChild(this); +} + +NodeList.prototype.remove = HTMLCollection.prototype.remove = function() { + for(var i = 0, len = this.length; i < len; i++) { + if(this[i] && this[i].parentElement) { + this[i].parentElement.removeChild(this[i]); + } + } +} + + +String.prototype.startsWith = function(searchString, position) { + position = position || 0; + return this.indexOf(searchString, position) === position; +} +var Playercontrols = { + + stopInterval: false, + + initYoutubeControls: function() + { + if(window.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){ + $("#controls").appendTo("#playbar"); + } + Playercontrols.initControls(); + }, + + initControls: function() + { + document.getElementById("volume-button").addEventListener("click", Playercontrols.mute_video); + document.getElementById("playpause").addEventListener("click", Playercontrols.play_pause); + document.getElementById("fullscreen").addEventListener("click", Playercontrols.fullscreen); + + }, + + initSlider: function() + { + try{ + vol = (Crypt.get_volume()); + }catch(e){} + $("#volume").slider({ + min: 0, + max: 100, + value: vol, + range: "min", + animate: true, + slide: function(event, ui) { + + Playercontrols.setVolume(ui.value); + //localStorage.setItem("volume", ui.value); + try{Crypt.set_volume(ui.value);}catch(e){} + } + }); + Playercontrols.choose_button(vol, false); + //$("#volume").slider("value", ytplayer.getVolume()); + }, + + fullscreen: function() + { + var playerElement = document.getElementById("player"); + var requestFullScreen = playerElement.requestFullScreen || playerElement.mozRequestFullScreen || playerElement.webkitRequestFullScreen; + if (requestFullScreen) { + requestFullScreen.bind(playerElement)(); + } + }, + + play_pause: function() + { + + if(Youtube.ytplayer.getPlayerState() == 1) + { + Youtube.ytplayer.pauseVideo(); + if(window.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) + document.getElementById("player").style.display = "none"; + }else if(Youtube.ytplayer.getPlayerState() == 2 || Youtube.ytplayer.getPlayerState() == 0) + { + Youtube.ytplayer.playVideo(); + if(window.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) + document.getElementById("player").style.display = "block"; + } + }, + + settings: function() + { + $("#qS").toggleClass("hide"); + }, + + changeQuality: function(wantedQ) + { + if(Youtube.ytplayer.getPlaybackQuality != wantedQ) + { + Youtube.ytplayer.setPlaybackQuality(wantedQ); + Youtube.ytplayer.getPlaybackQuality(); + } + $("#qS").toggleClass("hide"); + }, + + mute_video: function() + { + if(!Youtube.ytplayer.isMuted()) + { + Playercontrols.choose_button(0, true); + Youtube.ytplayer.mute(); + }else + { + Youtube.ytplayer.unMute(); + Playercontrols.choose_button(Youtube.ytplayer.getVolume(), false); + } + }, + + setVolume: function(vol) + { + Youtube.ytplayer.setVolume(vol); + Playercontrols.choose_button(vol, false); + if(Youtube.ytplayer.isMuted()) + Youtube.ytplayer.unMute(); + }, + + choose_button: function(vol, mute) + { + if(!mute){ + if(vol >= 0 && vol <= 33){ + if(document.getElementById("v-full").className.split(" ").length == 1) + $("#v-full").toggleClass("hide"); + if(document.getElementById("v-medium").className.split(" ").length == 1) + $("#v-medium").toggleClass("hide"); + if(document.getElementById("v-low").className.split(" ").length == 2) + $("#v-low").toggleClass("hide"); + if(document.getElementById("v-mute").className.split(" ").length == 1) + $("#v-mute").toggleClass("hide"); + }else if(vol >= 34 && vol <= 66){ + if(document.getElementById("v-full").className.split(" ").length == 1) + $("#v-full").toggleClass("hide"); + if(document.getElementById("v-medium").className.split(" ").length == 2) + $("#v-medium").toggleClass("hide"); + if(document.getElementById("v-low").className.split(" ").length == 1) + $("#v-low").toggleClass("hide"); + if(document.getElementById("v-mute").className.split(" ").length == 1) + $("#v-mute").toggleClass("hide"); + }else if(vol >= 67 && vol <= 100){ + if(document.getElementById("v-full").className.split(" ").length == 2) + $("#v-full").toggleClass("hide"); + if(document.getElementById("v-medium").className.split(" ").length == 1) + $("#v-medium").toggleClass("hide"); + if(document.getElementById("v-low").className.split(" ").length == 1) + $("#v-low").toggleClass("hide"); + if(document.getElementById("v-mute").className.split(" ").length == 1) + $("#v-mute").toggleClass("hide"); + } + }else + { + if(document.getElementById("v-full").className.split(" ").length == 1) + $("#v-full").toggleClass("hide"); + if(document.getElementById("v-medium").className.split(" ").length == 1) + $("#v-medium").toggleClass("hide"); + if(document.getElementById("v-low").className.split(" ").length == 1) + $("#v-low").toggleClass("hide"); + if(document.getElementById("v-mute").className.split(" ").length == 2) + $("#v-mute").toggleClass("hide"); + } + }, + + playPause: function() + { + state = Youtube.ytplayer.getPlayerState(); + button = document.getElementById("playpause"); + if(state == 1) + { + Youtube.ytplayer.pauseVideo(); + }else if(state == 2) + { + Youtube.ytplayer.playVideo(); + } + }, + + volumeOptions: function() + { + if(Youtube.ytplayer.isMuted()) + { + Youtube.ytplayer.unMute(); + vol = Youtube.ytplayer.getVolume(); + $("#volume").slider("value", Youtube.ytplayer.getVolume()); + } + else + { + Youtube.ytplayer.mute(); + $("#volume").slider("value", 0); + } + }, + + hoverMute: function(foo) + { + vol = Youtube.ytplayer.getVolume(); + + } + +} +var List = { + + channel_listener: function() + { + socket.on("channel", function(msg){ + List.channel_function(msg); + }); + }, + + channel_function: function(msg) + { + + switch(msg[0]) + { + case "list": + List.populate_list(msg[1]); + break; + case "added": + List.added_song(msg[1]); + break; + case "deleted": + List.deleted_song(msg[1]); + break; + case "vote": + List.voted_song(msg[1], msg[2]); + break; + case "song_change": + List.song_change(msg[1]); + break; + } + }, + + populate_list: function(msg) + { + + full_playlist = msg; + + List.sortList(); + $("#wrapper").empty(); + + $.each(full_playlist, function(j, current_song){ + if(!current_song.now_playing){ //check that the song isnt playing + $("#wrapper").append(List.generateSong(current_song, false, lazy_load, true)); + } + }); + + + if(lazy_load){ + if(window.mobilecheck()) $(".list-image").lazyload({}); + else $(".list-image").lazyload({container: $("#wrapper")}).removeClass("lazy"); + } + $("#settings").css("visibility", "visible"); + $("#settings").css("opacity", "1"); + $("#wrapper").css("opacity", "1"); + + }, + + added_song: function(added){ + full_playlist.push(added); + List.sortList(); + $("#suggested-"+added.id).remove(); + List.insertAtIndex(added, true); + }, + + deleted_song: function(deleted){ + + var index = List.getIndexOfSong(deleted); + var to_delete = $("#wrapper").children()[index]; + try{ + to_delete.style.height = 0; + + setTimeout(function() + { + $("#"+deleted).remove(); + full_playlist.splice(List.getIndexOfSong(deleted), 1); + }, 305); + + document.getElementById('wrapper').scrollTop += 1; + document.getElementById('wrapper').scrollTop += -1; + }catch(err){ + full_playlist.splice(List.getIndexOfSong(deleted), 1); + $("#wrapper").children()[$("#wrapper").children().length-1].remove(); + } + $("#suggested-"+deleted).remove(); + Suggestions.checkUserEmpty(); + }, + + voted_song: function(voted, time){ + var index_of_song = List.getIndexOfSong(voted); + var song_voted_on = full_playlist[index_of_song]; + + full_playlist[index_of_song].votes += 1; + full_playlist[index_of_song].added = time; + + List.sortList(); + $("#"+voted).remove(); + List.insertAtIndex(song_voted_on, false); + }, + + song_change: function(time){ + var length = full_playlist.length-1; + + full_playlist[0].now_playing = true; + full_playlist[0].votes = 0; + full_playlist[0].guids = []; + full_playlist[0].added = time; + full_playlist[length].now_playing = false; + + full_playlist.push(full_playlist.shift()); + $("#wrapper").children()[0].remove(); + + List.insertAtIndex(full_playlist[length-1], false); + document.getElementById('wrapper').scrollTop += 1; + document.getElementById('wrapper').scrollTop += -1; + }, + + vote: function(id, vote){ + socket.emit('vote', [chan, id, vote, adminpass]); + return true; + }, + + skip: function(){ + socket.emit('skip', {pass: adminpass, id:video_id}); + return true; + }, + + importOldList: function(chan){ + var ids=""; + var num=0; + + playlist_url = "lists/"+chan+".json"; + + list = $.parseJSON($.ajax({ + type: "GET", + url: playlist_url, + async: false + }).responseText); + + $.each(list.songs, function(i,data) + { + ids+=data.id+","; + + if(num>45){ + Search.addVideos(ids); + + ids = ""; + num = 0; + } + num++; + }); + + Search.addVideos(ids); + document.getElementById("search").value = ""; + }, + + sortList: function() + { + full_playlist.sort(Helper.predicate({ + name: 'votes', + reverse: true + }, 'added')); + }, + + show: function(){ + if(!window.mobilecheck()) + { + if(showToggle){ + showToggle=false; + $("#toptitle").empty(); + $("#chan").addClass("bigChan"); + //$("#chan").html("zoff.no/"+encodeURI(chan)); + $("#chan").html("zoff.no/"+chan.toLowerCase()); + }else{ + showToggle=true; + $("#toptitle").html("Zöff"); + $("#chan").removeClass("bigChan"); + $("#chan").html(chan); + } + } + }, + + insertAtIndex: function(song_info, transition) { + i = List.getIndexOfSong(song_info.id); + + if(i === 0) + $("#wrapper").prepend(List.generateSong(song_info, transition, false, true, false)); + else + $("#wrapper > div:nth-child(" + (i) + ")").after(List.generateSong(song_info, transition, false, true, false)); + + if(transition) + { + setTimeout(function(){ + var added = $("#wrapper").children()[i]; + $(added).css("height", 66); + },5); + } + }, + + generateSong: function(song_info, transition, lazy, list, user) + { + var video_id = song_info.id; + var video_title = song_info.title; + var video_votes = song_info.votes; + var video_thumb = "background-image:url('//img.youtube.com/vi/"+video_id+"/mqdefault.jpg');"; + var song = $("
"+list_html+"
"); + var image_attr = "style"; + + var attr; + var del_attr; + + if(transition) song.find("#list-song").css("height", 0); + if(!w_p) song.find(".card-action").removeClass("hide"); + if(video_votes == 1)song.find(".vote-text").text("vote"); + if(lazy){ + video_thumb = "//img.youtube.com/vi/"+video_id+"/mqdefault.jpg"; + image_attr = "data-original"; + } + + if(list){ + song.find(".list-votes").text(video_votes); + song.find("#list-song").attr("id", video_id); + + attr = ".vote-container"; + del_attr = "del"; + }else if(!list){ + + song.find(".vote-text").text(song_info.duration); + + attr = ".add-suggested"; + if(user) + del_attr = "del_user_suggested"; + else + del_attr = "del_suggested"; + + song.find(".vote-container").attr("class", "clickable add-suggested"); + song.find(".add-suggested").attr("title", "Add song!"); + song.find("#del").attr("id", del_attr); + song.find(attr).attr("data-video-title", video_title); + song.find(attr).attr("data-video-length", song_info.length); + song.find("#list-song").attr("id", "suggested-" + video_id); + song.find(".list-image").attr("class", song.find(".list-image").attr("class").replace("list-image", "list-suggested-image")); + + } + + song.find(".list-title").text(video_title); + song.find(".list-title").attr("title", video_title); + //song.find(".vote-container").attr("onclick", "vote('"+video_id+"','pos')"); + song.find(attr).attr("data-video-id", video_id); + song.find(".list-image").attr(image_attr,video_thumb); + song.find(".list-suggested-image").attr(image_attr,video_thumb); + song.find("#"+del_attr).attr("data-video-id", video_id); + //song.find("#del").attr("onclick", "vote('"+video_id+"', 'del')"); + + return song.html(); + }, + + getIndexOfSong: function(id) + { + indexes = $.map(full_playlist, function(obj, index) { + if(obj.id == id) { + return index; + } + }); + return indexes[0]; + } +} + +var song_title = ""; +var paused = false; +var player_ready = false; +var list_html = $("#list-song-html").html(); +var w_p = true; +var lazy_load = false; +var embed = true; +var vol = 100; +var adminpass = ""; + +var seekTo; +var socket; +var video_id; +var previous_video_id; +var chan = ($("#zoffchannel").html()).toLowerCase(); + +var connection_options = { + 'sync disconnect on unload':true, + 'secure': true, + 'force new connection': true +}; + +$(document).ready(function(){ + console.log("loadshit"); + + $("head").append(''); + $("head").append(''); + + if(window.location.hostname != "zoff.no") add = "https://zoff.no"; + else add = "localhost"; + socket = io.connect(''+add+':8880', connection_options); + + socket.on("get_list", function(){ + setTimeout(function(){socket.emit('list', chan.toLowerCase())},1000); + }); + + Youtube.setup_youtube_listener(chan); + List.channel_listener(); + + + window.onYouTubeIframeAPIReady = Youtube.onYouTubeIframeAPIReady; + + Youtube.loadPlayer(); + + Playercontrols.initSlider(); +}); + +$(document).on( "click", ".vote-container", function(e){ + var id = $(this).attr("data-video-id"); + List.vote(id, "pos"); +}); \ No newline at end of file diff --git a/static/dist/main.min.js b/static/dist/main.min.js old mode 100644 new mode 100755 index 5372d0bc..75e2af17 --- a/static/dist/main.min.js +++ b/static/dist/main.min.js @@ -1,2 +1,2 @@ -!function(){function e(){T=$("#chan").html(),"zoff.no"==window.location.hostname?add="https://zoff.no":add="localhost",C=io.connect(""+add+":8880",Z),C.on("get_list",function(){setTimeout(function(){C.emit("list",T.toLowerCase())},1e3)}),C.on("suggested",function(e){var t=!0;void 0==e.id&&(t=!1),setTimeout(function(){te.catchUserSuggests(e,t)},1e3)}),setTimeout(function(){oe.stopInterval=!1,localStorage.list_update&&"13.06.15"==localStorage.list_update||(localStorage.setItem("list_update","13.06.15"),window.location.reload(!0)),oe.setup_youtube_listener(T),o.admin_listener(),I.channel_listener(),I.skipping_listener(),$("ul.tabs").tabs(),$("#settings").sideNav({menuWidth:300,edge:"right",closeOnClick:!1}),$(".collapsible").collapsible({accordion:!0}),$(".video-container").resizable({start:function(e,t){$("iframe").css("pointer-events","none")},stop:function(e,t){$("iframe").css("pointer-events","auto"),a.set_width($(this).width())},handles:"e",minWidth:350}),/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream?(document.getElementById("search").blur(),oe.readyLooks()):(n.setup_chat_listener(T),n.allchat_listener(),S.host_listener(),window.onYouTubeIframeAPIReady=oe.onYouTubeIframeAPIReady,oe.loadPlayer(),$("#chat-btn").sideNav({menuWidth:272,edge:"left",closeOnClick:!1}),$(".drag-target")[1].remove(),i.msieversion()||Notification.requestPermission(),navigator.userAgent.toLowerCase().indexOf("firefox")>-1&&$(".main").height(window.innerHeight-64),git_info=$.ajax({type:"GET",url:"https://api.github.com/repos/zoff-music/zoff/commits",async:!1}).responseText,git_info=$.parseJSON(git_info),$("#latest-commit").html("Latest Commit:
"+git_info[0].commit.author.date.substring(0,10)+": "+git_info[0].committer.login+"
"+git_info[0].sha.substring(0,10)+": "+git_info[0].commit.message+"150||(e.value.startsWith("/name ")?C.emit("namechange",e.value.substring(6)):"#all_chat"==$(".tab a.active").attr("href")?C.emit("all,chat",e.value):C.emit("chat",e.value),e.value="")},allchat_listener:function(){C.on("chat.all",function(e){0!=$("#chat-bar").position().left?P||($("#favicon").attr("href","static/images/highlogo.png"),P=!0,A=!0,d=setInterval(n.chat_blink,2e3)):document.hidden&&($("#favicon").attr("href","static/images/highlogo.png"),A=!0);var t=i.intToARGB(i.hashCode(e[0])).substring(0,6);$("#chatall").append("
  • "+e[0]+"
    • ");var o=document.createTextNode(e[1]);$("#chatall li:last")[0].appendChild(o),document.getElementById("chatall").scrollTop=document.getElementById("chatall").scrollHeight})},setup_chat_listener:function(e){document.getElementsByClassName("chat-tab")[0].innerHTML=e,C.on("chat",function(e){0!=$("#chat-bar").position().left&&e[1].indexOf(":")>=0&&(P||($("#favicon").attr("href","static/images/highlogo.png"),P=!0,d=setInterval(n.chat_blink,2e3)));var t=i.intToARGB(i.hashCode(e[0])).substring(0,6);$("#chatchannel").append("
  • "+e[0]+"
    • ");var o=document.createTextNode(e[1]);$("#chatchannel li:last")[0].appendChild(o),document.getElementById("chatchannel").scrollTop=document.getElementById("chatchannel").scrollHeight})},chat_blink:function(){$("#chat-btn i").css("opacity",.5),setTimeout(function(){$("#chat-btn i").css("opacity",1)},1e3)}},a={conf_arr:{},init:function(){document.cookie=T.toLowerCase()+"=; path=/"+T.toLowerCase()+"; expires="+new Date(0).toUTCString();try{conf_arr=a.decrypt(a.getCookie("_opt"),"_opt")}catch(e){conf_arr=a.decrypt(a.create_cookie("_opt"),"_opt")}try{conf_pass=a.decrypt(a.getCookie(T.toLowerCase()),T.toLowerCase())}catch(e){conf_pass=a.decrypt(a.create_cookie(T.toLowerCase()),T.toLowerCase())}S.change_enabled(conf_arr.remote),100!=conf_arr.width&&oe.set_width(conf_arr.width)},decrypt:function(e,t){void 0===a.getCookie(t)&&(e=a.create_cookie(t));var o=CryptoJS.AES.decrypt(e,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return $.parseJSON(o.toString(CryptoJS.enc.Utf8))},decrypt_pass:function(e){var t=CryptoJS.AES.decrypt(e,C.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString(CryptoJS.enc.Utf8)},encrypt:function(e,t){var o=JSON.stringify(e),n=CryptoJS.AES.encrypt(o,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7}),a=new Date;a.setFullYear(a.getFullYear()+1),document.cookie=t+"="+n.toString()+";expires="+a.toGMTString()+";path=/;"},encrypt_string:function(e){var t=CryptoJS.AES.encrypt(e,C.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString()},get_volume:function(){return a.decrypt(a.getCookie("_opt"),"_opt").volume},set_volume:function(e){conf_arr.volume=e,a.encrypt(conf_arr,"_opt")},create_cookie:function(e){"_opt"==e?cookie_object={volume:100,width:100,remote:!0}:cookie_object={passwords:{}};var t=JSON.stringify(cookie_object),o=CryptoJS.AES.encrypt(t,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7}),n=new Date;return n.setFullYear(n.getFullYear()+1),document.cookie=e+"="+o.toString()+";expires="+n.toGMTString()+";path=/;",a.getCookie(e)},set_pass:function(e,t){conf_pass.passwords[e]=t,a.encrypt(conf_pass,e)},remove_pass:function(e){delete conf_pass.passwords[e],a.encrypt(conf_pass,e.toLowerCase())},get_pass:function(e){return conf_pass.passwords[e]},set_remote:function(e){conf_arr.remote=e,a.encrypt(conf_arr,"_opt")},get_remote:function(e){return conf_arr.remote},crypt_pass:function(e){var t=CryptoJS.AES.encrypt(e,C.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString()},get_width:function(){return conf_arr.width},set_width:function(e){conf_arr.width=e,a.encrypt(conf_arr,"_opt")},getCookie:function(e){var t="; "+document.cookie,o=t.split("; "+e+"=");return 2==o.length?o.pop().split(";").shift():void 0}};window.mobilecheck=function(){var e=!1;return function(t){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0)}(navigator.userAgent||navigator.vendor||window.opera),e};var i={rnd:function(e){return e[Math.floor(Math.random()*e.length)]},predicate:function(){for(var e,t,o,n=[],a=arguments.length,i=function(e,t){return e===t?0:t>e?-1:1},s=function(e,t){var o=i,n=i;return e&&(n=function(t,n){return o(e(t),e(n))}),t?function(e,t){return-1*n(e,t)}:n},r=0;a>r;r++)e=arguments[r],"string"==typeof e?(t=e,o=i):(t=e.name,o=s(e.primer,e.reverse)),n.push({name:t,cmp:o});return function(t,o){for(var i,s,r=0;a>r&&(s=0,e=n[r],i=e.name,s=e.cmp(t[i],o[i]),0===s);r++);return s}},hashCode:function(e){for(var t=0,o=0;o>24&255).toString(16)+(e>>16&255).toString(16)+(e>>8&255).toString(16)+(255&e).toString(16)},pad:function(e){return 10>e?"0"+Math.floor(e):Math.floor(e)},contains:function(e,t){for(var o=e.length;o--;)if(e[o]===t)return!0;return!1},sample:function(){Date.now()-W>=2*F&&(C.removeAllListeners(),C.disconnect(),C.connect(),oe.setup_all_listeners()),W=Date.now(),setTimeout(i.sample,F)},loadjsfile:function(e){if(-1==H.indexOf("["+e+"]")){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("src",e),document.getElementsByTagName("head")[0].appendChild(t),H+="["+e+"]"}},msieversion:function(){var e=window.navigator.userAgent,t=e.indexOf("MSIE ");return t>0||navigator.userAgent.match(/Trident.*rv\:11\./)?!0:!1},getRandomInt:function(e,t){return Math.floor(Math.random()*(t-e))+e},rgbToHsl:function(e){r=e[0],g=e[1],b=e[2],r/=255,g/=255,b/=255;var t,o,n=Math.max(r,g,b),a=Math.min(r,g,b),i=(n+a)/2;if(n==a)t=o=0;else{var s=n-a;switch(o=i>.5?s/(2-n-a):s/(n+a),n){case r:t=(g-b)/s+(g.5&&(i=.5),"hsl("+Math.floor(360*t)+", "+Math.floor(100*o)+"%, "+Math.floor(100*i)+"%)"},componentToHex:function(e){var t=e.toString(16);return 1==t.length?"0"+t:t},rgbToHex:function(e,t,o){return"#"+i.componentToHex(e)+i.componentToHex(t)+i.componentToHex(o)}};Element.prototype.remove=function(){this.parentElement.removeChild(this)},NodeList.prototype.remove=HTMLCollection.prototype.remove=function(){for(var e=0,t=this.length;t>e;e++)this[e]&&this[e].parentElement&&this[e].parentElement.removeChild(this[e])},String.prototype.startsWith=function(e,t){return t=t||0,this.indexOf(e,t)===t};var s,l,c,d,u,p,m,h,f,y,v,w,k,_,C,S={enabled:!0,host_listener:function(){var e;C.on("id",function(t){void 0===e?e=t:(C.removeAllListeners(t),K=!1,e=t);var o="https://remote."+window.location.hostname+"/"+t;$("#code-text").text(t),$("#code-qr").attr("src","https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+o),$("#code-link").attr("href",o),K||(K=!0,C.on(t,function(e){enabled&&("volume"==e[0]?($("#volume").slider("value",e[1]),m.setVolume(e[1]),localStorage.setItem("volume",e[1]),X.choose_button(e[1],!1)):"channel"==e[0]?(C.emit("change_channel"),T=e[1].toLowerCase(),$("#chan").html(T.substring(0,1).toUpperCase()+T.substring(1).toLowerCase()),E=!0,C.emit("list",T.toLowerCase()),localStorage[T.toLowerCase()]&&(64!=localStorage[T.toLowerCase()].length?localStorage.removeItem(T.toLowerCase()):C.emit("password",[localStorage[T.toLowerCase()],T.toLowerCase()])),window.history.pushState("object or string","Title","/"+T.toLowerCase())):"pause"==e[0]?m.pauseVideo():"play"==e[0]?m.playVideo():"skip"==e[0]&&I.skip())}))}),$("input[class=remote_switch_class]").change(function(){enabled=document.getElementsByName("remote_switch")[0].checked,a.set_remote(enabled)})},change_enabled:function(e){enabled=e,document.getElementsByName("remote_switch")[0].checked=enabled}},I={channel_listener:function(){C.on("channel",function(e){I.channel_function(e)})},channel_function:function(e){switch(e[0]){case"list":I.populate_list(e[1]);break;case"added":I.added_song(e[1]);break;case"deleted":I.deleted_song(e[1]);break;case"vote":I.voted_song(e[1],e[2]);break;case"song_change":I.song_change(e[1])}},skipping_listener:function(){C.on("skipping",function(e){document.getElementById("pBar").innerHTML="Vote registrated! "+e[0]+" of "+e[1]+" has skipped. "+Math.ceil(e[1]/2)+" or more is needed!",$("#pBar").addClass("opacityFull"),setTimeout(function(){$("#pBar").removeClass("opacityFull")},1500)})},populate_list:function(e){l=e,I.sortList(),$("#wrapper").empty(),$.each(l,function(e,t){t.now_playing||$("#wrapper").append(I.generateSong(t,!1,!0,!0))}),window.mobilecheck()?$(".list-image").lazyload({}):$(".list-image").lazyload({container:$("#wrapper")}).removeClass("lazy"),$("#settings").css("visibility","visible"),$("#settings").css("opacity","1"),$("#wrapper").css("opacity","1")},added_song:function(e){l.push(e),I.sortList(),$("#suggested-"+e.id).remove(),I.insertAtIndex(e,!0)},deleted_song:function(e){var t=I.getIndexOfSong(e),o=$("#wrapper").children()[t];try{o.style.height=0,setTimeout(function(){$("#"+e).remove(),l.splice(I.getIndexOfSong(e),1)},305),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1}catch(n){l.splice(I.getIndexOfSong(e),1),$("#wrapper").children()[$("#wrapper").children().length-1].remove()}$("#suggested-"+e).remove(),te.checkUserEmpty()},voted_song:function(e,t){var o=I.getIndexOfSong(e),n=l[o];l[o].votes+=1,l[o].added=t,I.sortList(),$("#"+e).remove(),I.insertAtIndex(n,!1)},song_change:function(e){var t=l.length-1;l[0].now_playing=!0,l[0].votes=0,l[0].guids=[],l[0].added=e,l[t].now_playing=!1,l.push(l.shift()),$("#wrapper").children()[0].remove(),I.insertAtIndex(l[t-1],!1),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1},vote:function(e,t){return C.emit("vote",[T,e,t,q]),!0},skip:function(){return C.emit("skip",{pass:q,id:y}),!0},importOldList:function(e){var t="",o=0;playlist_url="lists/"+e+".json",v=$.parseJSON($.ajax({type:"GET",url:playlist_url,async:!1}).responseText),$.each(v.songs,function(e,n){t+=n.id+",",o>45&&(ee.addVideos(t),t="",o=0),o++}),ee.addVideos(t),document.getElementById("search").value=""},sortList:function(){l.sort(i.predicate({name:"votes",reverse:!0},"added"))},show:function(){window.mobilecheck()||(L?(L=!1,$("#toptitle").empty(),$("#chan").addClass("bigChan"),$("#chan").html("zoff.no/"+T.toLowerCase())):(L=!0,$("#toptitle").html("Zöff"),$("#chan").removeClass("bigChan"),$("#chan").html(T)))},insertAtIndex:function(e,t){Q=I.getIndexOfSong(e.id),0===Q?$("#wrapper").prepend(I.generateSong(e,t,!1,!0,!1)):$("#wrapper > div:nth-child("+Q+")").after(I.generateSong(e,t,!1,!0,!1)),t&&setTimeout(function(){var e=$("#wrapper").children()[Q];$(e).css("height",66)},5)},generateSong:function(e,t,o,n,a){var i,s,r=e.id,l=e.title,c=e.votes,d="background-image:url('//img.youtube.com/vi/"+r+"/mqdefault.jpg');",u=$("
    "+M+"
    "),p="style";return t&&u.find("#list-song").css("height",0),E||u.find(".card-action").removeClass("hide"),1==c&&u.find(".vote-text").text("vote"),o&&(d="//img.youtube.com/vi/"+r+"/mqdefault.jpg",p="data-original"),n?(u.find(".list-votes").text(c),u.find("#list-song").attr("id",r),i=".vote-container",s="del"):n||(u.find(".vote-text").text(e.duration),i=".add-suggested",s=a?"del_user_suggested":"del_suggested",u.find(".vote-container").attr("class","clickable add-suggested"),u.find(".add-suggested").attr("title","Add song!"),u.find("#del").attr("id",s),u.find(i).attr("data-video-title",l),u.find(i).attr("data-video-length",e.length),u.find("#list-song").attr("id","suggested-"+r),u.find(".list-image").attr("class",u.find(".list-image").attr("class").replace("list-image","list-suggested-image"))),u.find(".list-title").text(l),u.find(".list-title").attr("title",l),u.find(i).attr("data-video-id",r),u.find(".list-image").attr(p,d),u.find(".list-suggested-image").attr(p,d),u.find("#"+s).attr("data-video-id",r),u.html()},getIndexOfSong:function(e){return indexes=$.map(l,function(t,o){return t.id==e?o:void 0}),indexes[0]}},T=$("#chan").html(),E=!0,B=0,L=!0,M=$("#list-song-html").html(),P=!1,A=!1,N=0,z="***REMOVED***",j=$("#temp-results-container"),D=$("#empty-results-container").html(),V=!1,O=/P((([0-9]*\.?[0-9]*)Y)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)W)?(([0-9]*\.?[0-9]*)D)?)?(T(([0-9]*\.?[0-9]*)H)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)S)?)?/,c=[],R=0,Y=1,q="",H="",J=!1,f=1,U=!1,G=!1,F=6e3,W=Date.now(),K=!1,Q=-1,Z={"sync disconnect on unload":!0,secure:!0,"force new connection":!0};$().ready(function(){e()}),window.init=e,$(document).keyup(function(e){if(27==event.keyCode)$("#results").html(""),i.contains($("#search-wrapper").attr("class").split(" "),"hide")||$("#search-wrapper").toggleClass("hide"),i.contains($("#song-title").attr("class").split(" "),"hide")&&$("#song-title").toggleClass("hide"),"mdi-navigation-close"==$("#search-btn i").attr("class")&&($("#search-btn i").toggleClass("mdi-navigation-close"),$("#search-btn i").toggleClass("mdi-action-search")),$("#results").toggleClass("hide");else if($("div.result").length>2)if(children=$("#mock-div").children(),40==e.keyCode)$(children[Q-1]).removeClass("hoverResults"),$(children[Q]).addClass("hoverResults"),Q1&&Q--,$(children[Q]).removeClass("hoverResults"),$(children[Q-1]).addClass("hoverResults");else if(13==e.keyCode){Q=0;var t=document.getElementsByClassName("hoverResults")[0];"function"==typeof t.onclick&&t.onclick.apply(t),$("div.hoverResults").removeClass("hoverResults"),$("#results").html(""),document.getElementById("search").value=""}}),$("input[class=conf]").change(function(){o.save()}),$("#clickme").click(function(){oe.ytplayer.playVideo()}),$("#listImport").on("submit",function(){ee.importPlaylist(document.getElementById("import").value)}),$(window).focus(function(){A&&($("#favicon").attr("href","static/images/favicon.png"),A=!1)}),$(document).on("click","#chat-btn",function(){$("#text-chat-input").focus(),$("#chat-btn i").css("opacity",1),clearInterval(d),P=!1,A=!1,$("#favicon").attr("href","static/images/favicon.png")}),$(document).on("click",".chat-tab",function(){$("#text-chat-input").focus()}),$(document).on("click","#skip",function(e){e.preventDefault(),I.skip()}),$(document).on("click","#chan",function(e){e.preventDefault(),I.show()}),$(document).on("submit","#adminForm",function(e){e.preventDefault(),o.pass_save()}),$(document).on("submit","#chatForm",function(){n.chat(document.getElementById("chatForm").input)}),$(document).on("click","#shuffle",function(e){e.preventDefault(),o.shuffle()}),$(document).on("click","#search-btn",function(e){e.preventDefault(),ee.showSearch()}),$(document).on("click","#song-title",function(e){e.preventDefault(),ee.showSearch()}),$(document).on("click","#admin-lock",function(e){e.preventDefault(),o.log_out()}),$(document).on("click","#closeSettings",function(e){e.preventDefault(),o.hide_settings()}),$(document).on("click","#temp-results",function(e){if($(e.target).html()!=$("").html()){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");ee.submitAndClose(t,o,n)}}),$(document).on("click","#add-many",function(e){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");ee.submit(t,o,n)}),$(document).on("click",".vote-container",function(e){var t=$(this).attr("data-video-id");I.vote(t,"pos")}),$(document).on("click","#del",function(e){var t=$(this).attr("data-video-id");I.vote(t,"del")}),$(document).on("click",".add-suggested",function(e){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");ee.submit(t,o,n),$("#suggested-"+t).remove()}),$(document).on("click","#del_suggested",function(e){var t=$(this).attr("data-video-id");$("#suggested-"+t).remove()}),$(document).on("click","#del_user_suggested",function(e){var t=$(this).attr("data-video-id");$("#suggested-"+t).remove(),I.vote(t,"del")}),$(document).on("click","#toast-container",function(){$(this).fadeOut(function(){$(this).remove()})}),$(document).on("click",".brand-logo-navigate",function(e){e.preventDefault(),window.history.pushState("to the frontpage!","Title","/"),t()}),window.onpopstate=function(e){t()};var X={stopInterval:!1,initYoutubeControls:function(){!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||$("#controls").appendTo("#playbar"),X.initControls()},initControls:function(){document.getElementById("volume-button").addEventListener("click",X.mute_video),document.getElementById("playpause").addEventListener("click",X.play_pause),document.getElementById("fullscreen").addEventListener("click",X.fullscreen)},initSlider:function(){vol=a.get_volume(),$("#volume").slider({min:0,max:100,value:vol,range:"min",animate:!0,slide:function(e,t){X.setVolume(t.value),a.set_volume(t.value)}}),X.choose_button(vol,!1)},fullscreen:function(){var e=document.getElementById("player"),t=e.requestFullScreen||e.mozRequestFullScreen||e.webkitRequestFullScreen;t&&t.bind(e)()},play_pause:function(){1==oe.ytplayer.getPlayerState()?(oe.ytplayer.pauseVideo(),!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||(document.getElementById("player").style.display="none")):(2==oe.ytplayer.getPlayerState()||0==oe.ytplayer.getPlayerState())&&(oe.ytplayer.playVideo(),!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||(document.getElementById("player").style.display="block"))},settings:function(){$("#qS").toggleClass("hide")},changeQuality:function(e){oe.ytplayer.getPlaybackQuality!=e&&(oe.ytplayer.setPlaybackQuality(e),oe.ytplayer.getPlaybackQuality()),$("#qS").toggleClass("hide")},mute_video:function(){oe.ytplayer.isMuted()?(oe.ytplayer.unMute(),X.choose_button(oe.ytplayer.getVolume(),!1)):(X.choose_button(0,!0),oe.ytplayer.mute())},setVolume:function(e){oe.ytplayer.setVolume(e),X.choose_button(e,!1),oe.ytplayer.isMuted()&&oe.ytplayer.unMute()},choose_button:function(e,t){t?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),2==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=0&&33>=e?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),2==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=34&&66>=e?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),2==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=67&&100>=e&&(2==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide"))},playPause:function(){state=oe.ytplayer.getPlayerState(),button=document.getElementById("playpause"),1==state?oe.ytplayer.pauseVideo():2==state&&oe.ytplayer.playVideo()},volumeOptions:function(){oe.ytplayer.isMuted()?(oe.ytplayer.unMute(),vol=oe.ytplayer.getVolume(),$("#volume").slider("value",oe.ytplayer.getVolume())):(oe.ytplayer.mute(),$("#volume").slider("value",0))},hoverMute:function(e){ -vol=oe.ytplayer.getVolume()}},ee={showSearch:function(){$("#search-wrapper").toggleClass("hide"),window.mobilecheck()&&$(".search_input").focus(),$("#song-title").toggleClass("hide"),$("#results").toggleClass("hide"),$("#results").empty(),$("#search-btn i").toggleClass("mdi-navigation-close"),$("#search-btn i").toggleClass("mdi-action-search"),$("#search").focus()},search:function(e){if($(".search_results").html(""),""!==window.search_input){V=!0;var t=encodeURIComponent(window.search_input),o="https://www.googleapis.com/youtube/v3/search?key="+z+"&videoEmbeddable=true&part=id&fields=items(id)&type=video&order=viewCount&safeSearch=none&maxResults=25";o+="&q="+t,R&&(o+="&videoCategoryId=10");var n="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+z+"&id=";i.contains($("#search_loader").attr("class").split(" "),"hide")&&$("#search_loader").removeClass("hide"),i.contains($("#results").attr("class").split(" "),"hide")&&$("#results").removeClass("hide"),$.ajax({type:"GET",url:o,dataType:"jsonp",success:function(e){0==e.items.length?($("").appendTo($("#results")).show("blind",83.33),i.contains($("#search_loader").attr("class").split(" "),"hide")||$("#search_loader").addClass("hide")):e.items&&($.each(e.items,function(e,t){n+=t.id.videoId+","}),$.ajax({type:"GET",url:n,dataType:"jsonp",success:function(e){var t="",o=$(j);$.each(e.items,function(e,n){var a=n.contentDetails.duration;if(secs=ee.durationToSeconds(a),!longsongs||secs<720){h=n.snippet.title,enc_title=encodeURIComponent(h).replace(/'/g,"\\'"),s=n.id,a=a.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),thumb=n.snippet.thumbnails.medium.url;var i=o;i.find(".search-title").text(h),i.find(".result_info").text(a),i.find(".thumb").attr("data-original",thumb),i.find("#add-many").attr("data-video-id",s),i.find("#add-many").attr("data-video-title",enc_title),i.find("#add-many").attr("data-video-length",secs),i.find("#temp-results").attr("data-video-id",s),i.find("#temp-results").attr("data-video-title",enc_title),i.find("#temp-results").attr("data-video-length",secs),t+=i.html()}}),$("").appendTo($("#results")).show("blind",83.33*(e.items.length-1)),setTimeout(function(){$(".thumb").lazyload({container:$("#results")})},250),i.contains($("#search_loader").attr("class").split(" "),"hide")||$("#search_loader").addClass("hide"),$(".add-many").click(function(e){return e.preventDefault(),e.stopPropagation(),!1})}}))}})}else $(".main").removeClass("blurT"),$("#controls").removeClass("blurT"),$(".main").removeClass("clickthrough")},submitAndClose:function(e,t,o){ee.submit(e,t,o),$("#results").html(""),ee.showSearch(),document.getElementById("search").value="",$("#results").html="",$(".main").removeClass("blurT"),$("#controls").removeClass("blurT"),$(".main").removeClass("clickthrough")},importPlaylist:function(e,t){token="",void 0!==t&&(token="&pageToken="+t),playlist_url="https://www.googleapis.com/youtube/v3/playlistItems?part=contentDetails&maxResults=49&key="+z+"&playlistId="+e+token,$.ajax({type:"GET",url:playlist_url,dataType:"jsonp",success:function(t){var o="";ee.addVideos(t.items[0].contentDetails.videoId),$.each(t.items,function(e,t){o+=t.contentDetails.videoId+","}),ee.addVideos(o),t.nextPageToken&&ee.importPlaylist(e,t.nextPageToken),document.getElementById("import").value=""}})},addVideos:function(e){var t="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key=***REMOVED***&id=";t+=e,$.ajax({type:"POST",url:t,dataType:"jsonp",success:function(e){$.each(e.items,function(e,t){var o=ee.durationToSeconds(t.contentDetails.duration);(!longsongs||720>o)&&(enc_title=encodeURIComponent(t.snippet.title),ee.submit(t.id,enc_title,o))})}})},submit:function(e,t,o){C.emit("add",[e,decodeURIComponent(t),q,o])},durationToSeconds:function(e){var t=e.match(O);return hours=parseInt(t[12])||0,minutes=parseInt(t[14])||0,seconds=parseInt(t[16])||0,60*hours*60+60*minutes+seconds}},te={catchUserSuggests:function(e,t){if(t)te.createSuggested(e);else for(x in e)te.createSuggested(e[x]);te.checkUserEmpty()},createSuggested:function(e){var t=e.duration,o=e.id,n=e.title,a=Math.floor(t/60),i=t-60*a;duration=a+"m "+i+"s";var s=I.generateSong({id:o,title:n,length:t,duration:duration},!1,!1,!1,!0);$("#user-suggest-html").append(s)},fetchYoutubeSuggests:function(e){var t="https://www.googleapis.com/youtube/v3/search?part=snippet&relatedToVideoId="+e+"&type=video&key="+z,o="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+z+"&id=";$.ajax({type:"GET",url:t,dataType:"jsonp",success:function(e){$.each(e.items.slice(0,5),function(e,t){o+=t.id.videoId+","}),$.ajax({type:"GET",url:o,dataType:"jsonp",success:function(e){$("#suggest-song-html").empty(),$.each(e.items,function(e,t){var o=t.contentDetails.duration,n=ee.durationToSeconds(o),a=t.id,i=t.snippet.title;o=o.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),$("#suggest-song-html").append(I.generateSong({id:a,title:i,length:n,duration:o},!1,!1,!1))})}})}})},checkUserEmpty:function(){var e=$("#user-suggest-html").children().length;0==e?i.contains($("#user_suggests").attr("class").split(" "),"hide")||$("#user_suggests").addClass("hide"):$("#user_suggests").removeClass("hide")}},oe={loaded:!0,before_load:"",after_load:"",ytplayer:"",stopInterval:!1,setup_youtube_listener:function(e){C.on("np",function(e){oe.loaded=!1;try{void 0!=y&&void 0!==oe.ytplayer&&(oe.before_load=oe.ytplayer.getVideoUrl())}catch(t){}if(0==e[0].length){document.getElementById("song-title").innerHTML="Empty channel. Add some songs!",$("#player_overlay").height($("#player").height()),/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||$("#player_overlay").toggleClass("hide");try{oe.ytplayer.stopVideo()}catch(t){}}else if(void 0==_?_=e[0][0].id:_!=y&&(_=y),y=e[0][0].id,c=e[1][0],time=e[2],w=time-c.startTime,k=e[0][0].title,$("#player_overlay").addClass("hide"),te.fetchYoutubeSuggests(y),oe.getTitle(k,f),oe.setBGimage(y),!J||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream)oe.getTitle(k,f);else try{oe.ytplayer.getVideoUrl().split("v=")[1]!=y&&(oe.ytplayer.loadVideoById(y),oe.notifyUser(y,k),oe.ytplayer.seekTo(w),U&&oe.ytplayer.pauseVideo()),U||(oe.ytplayer.playVideo(),oe.durationSetter()),(oe.ytplayer.getDuration()>w||0==oe.ytplayer.getDuration())&&oe.ytplayer.seekTo(w),oe.after_load=y,setTimeout(function(){oe.loaded=!0},500)}catch(t){oe.durationSetter()}}),C.on("viewers",function(e){f=e,void 0!==k&&oe.getTitle(k,f)})},onPlayerStateChange:function(e){switch(e.data){case-1:break;case 0:G=!1,U=!1,C.emit("end",y);break;case 1:G=!0,beginning&&window.mobilecheck()&&(oe.ytplayer.pauseVideo(),beginning=!1),1==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide"),2==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),U&&(C.emit("pos"),U=!1);break;case 2:U=!0,1==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),2==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide");break;case 3:}},getTitle:function(e,t){var o=t>1?"viewers":"viewer",n=decodeURIComponent(e),a=document.getElementById("song-title"),i=document.getElementById("viewers");document.title=n+" • Zöff / "+T,a.innerHTML=n,i.innerHTML=t+" "+o,a.title=n+" • "+t+" "+o},errorHandler:function(e){5==e.data||100==e.data||101==e.data||150==e.data?(curr_playing=oe.ytplayer.getVideoUrl().replace("https://www.youtube.com/watch?v=",""),C.emit("skip",{error:e.data,id:y,pass:q})):void 0!==y&&oe.ytplayer.loadVideoById(y)},onPlayerReady:function(e){$("#channel-load").css("display","none");try{beginning=!0,J=!0,/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||($("#player").css("opacity","1"),$("#controls").css("opacity","1"),$(".playlist").css("opacity","1"),window.ytplayer=oe.ytplayer,oe.ytplayer.loadVideoById(y),oe.ytplayer.playVideo(),oe.durationSetter(),oe.ytplayer.seekTo(w)),oe.readyLooks(),X.initYoutubeControls(oe.ytplayer),X.initSlider(),oe.ytplayer.setVolume(a.get_volume())}catch(t){window.location.reload()}},readyLooks:function(){oe.setBGimage(y)},setBGimage:function(e){if(void 0!==e){var t=new Image;t.onload=function(){var e=new ColorThief,o=e.getColor(t);document.getElementsByTagName("body")[0].style.backgroundColor=i.rgbToHsl(o),$("meta[name=theme-color]").attr("content",i.rgbToHex(o[0],o[1],o[2]))},t.crossOrigin="Anonymous",t.src="https://zoff.no:8080/https://img.youtube.com/vi/"+e+"/mqdefault.jpg"}},set_width:function(e){$(".video-container").width(e)},notifyUser:function(e,t){if(t=t.replace(/\\\'/g,"'").replace(/"/g,"'").replace(/&/g,"&"),"granted"===Notification.permission&&document.hidden){var o=new Notification("Now Playing",{body:t,icon:"http://i.ytimg.com/vi/"+e+"/mqdefault.jpg",iconUrl:"http://i.ytimg.com/vi/"+e+"/mqdefault.jpg"});o.onclick=function(e){window.focus(),this.cancel()},setTimeout(function(){o.close()},5e3)}},setup_all_listeners:function(){C.on("get_list",function(){C.emit("list",T.toLowerCase())}),oe.setup_youtube_listener(T),o.admin_listener(),n.setup_chat_listener(T),n.allchat_listener(),I.channel_listener(),I.skipping_listener()},onYouTubeIframeAPIReady:function(){oe.ytplayer=new YT.Player("player",{videoId:"asd",playerVars:{rel:"0",wmode:"transparent",controls:"0",iv_load_policy:"3",theme:"light",color:"white"},events:{onReady:oe.onPlayerReady,onStateChange:oe.onPlayerStateChange,onError:oe.errorHandler}})},durationSetter:function(){try{duration=oe.ytplayer.getDuration()}catch(e){duration=0}if(void 0!=duration)try{dMinutes=Math.floor(duration/60),dSeconds=duration-60*dMinutes,currDurr=oe.ytplayer.getCurrentTime(),currDurr>duration&&(currDurr=duration),minutes=Math.floor(currDurr/60),seconds=currDurr-60*minutes,document.getElementById("duration").innerHTML=i.pad(minutes)+":"+i.pad(seconds)+" / "+i.pad(dMinutes)+":"+i.pad(dSeconds),per=100/duration*currDurr,per>=100?per=100:0==duration&&(per=0),$("#bar").width(per+"%")}catch(e){}oe.stopInterval||setTimeout(oe.durationSetter,1e3)},loadPlayer:function(){1==$("script[src='https://www.youtube.com/iframe_api']").length?oe.onYouTubeIframeAPIReady():(u=document.createElement("script"),u.src="https://www.youtube.com/iframe_api",p=document.getElementsByTagName("script")[0],p.parentNode.insertBefore(u,p))}}}(); \ No newline at end of file +!function(){function e(){T=$("#chan").html(),"zoff.no"==window.location.hostname?add="https://zoff.no":add="localhost",C=io.connect(""+add+":8880",te),C.on("get_list",function(){setTimeout(function(){C.emit("list",T.toLowerCase())},1e3)}),C.on("suggested",function(e){var t=!0;void 0==e.id&&(t=!1),setTimeout(function(){ae.catchUserSuggests(e,t)},1e3)}),setTimeout(function(){se.stopInterval=!1,localStorage.list_update&&"13.06.15"==localStorage.list_update||(localStorage.setItem("list_update","13.06.15"),window.location.reload(!0)),se.setup_youtube_listener(T),o.admin_listener(),I.channel_listener(),$("ul.tabs").tabs(),$("#settings").sideNav({menuWidth:300,edge:"right",closeOnClick:!1}),$(".collapsible").collapsible({accordion:!0}),$(".video-container").resizable({start:function(e,t){$("iframe").css("pointer-events","none")},stop:function(e,t){$("iframe").css("pointer-events","auto"),a.set_width($(this).width())},handles:"e",minWidth:350}),/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream?(document.getElementById("search").blur(),se.readyLooks()):(n.setup_chat_listener(T),n.allchat_listener(),S.host_listener(),window.onYouTubeIframeAPIReady=se.onYouTubeIframeAPIReady,se.loadPlayer(),$("#chat-btn").sideNav({menuWidth:272,edge:"left",closeOnClick:!1}),$(".drag-target")[1].remove(),s.msieversion()||Notification.requestPermission(),navigator.userAgent.toLowerCase().indexOf("firefox")>-1&&$(".main").height(window.innerHeight-64),git_info=$.ajax({type:"GET",url:"https://api.github.com/repos/zoff-music/zoff/commits",async:!1}).responseText,git_info=$.parseJSON(git_info),$("#latest-commit").html("Latest Commit:
    "+git_info[0].commit.author.date.substring(0,10)+": "+git_info[0].committer.login+"
    "+git_info[0].sha.substring(0,10)+": "+git_info[0].commit.message+"'+T.toLowerCase()+"
    "+ee)}function t(){var e=window.location.href.split("/");(""==e[3]||"#"==e[3].substring(0,1))&&($("#channel-load").css("display","block"),window.scrollTo(0,0),se.stopInterval=!0,o.display_logged_out(),o.beginning=!0,T="",$("#embed-button").css("display","none"),C.removeAllListeners(),$.ajax({url:"php/nochan_content.php",success:function(e){C.disconnect(),document.getElementById("volume-button").removeEventListener("click",oe.mute_video),document.getElementById("playpause").removeEventListener("click",oe.play_pause),document.getElementById("fullscreen").removeEventListener("click",oe.fullscreen),setTimeout(function(){se.ytplayer.destroy(),$(".drag-target").remove(),$(".sidenav-overlay").remove(),$("main").attr("class","center-align container"),$("body").attr("id",""),$("body").attr("style",""),$("header").html($($(e)[0]).html()),$($(e)[2]).insertAfter("header"),$($(e)[4]).insertAfter(".mega"),$("main").html($($(e)[8]).html()),0==$("#alreadychannel").length&&$("head").append("
    150||(e.value.startsWith("/name ")?C.emit("namechange",e.value.substring(6)):"#all_chat"==$(".tab a.active").attr("href")?C.emit("all,chat",e.value):C.emit("chat",e.value),e.value="")},allchat_listener:function(){C.on("chat.all",function(e){0!=$("#chat-bar").position().left?A||($("#favicon").attr("href","static/images/highlogo.png"),A=!0,M=!0,c=setInterval(n.chat_blink,2e3)):document.hidden&&($("#favicon").attr("href","static/images/highlogo.png"),M=!0);var t=s.intToARGB(s.hashCode(e[0])).substring(0,6);$("#chatall").append("
  • "+e[0]+"
    • ");var o=document.createTextNode(e[1]);$("#chatall li:last")[0].appendChild(o),document.getElementById("chatall").scrollTop=document.getElementById("chatall").scrollHeight})},setup_chat_listener:function(e){C.on("chat",function(e){0!=$("#chat-bar").position().left&&e[1].indexOf(":")>=0&&(A||($("#favicon").attr("href","static/images/highlogo.png"),A=!0,c=setInterval(n.chat_blink,2e3)));var t=s.intToARGB(s.hashCode(e[0])).substring(0,6);$("#chatchannel").append("
  • "+e[0]+"
    • ");var o=document.createTextNode(e[1]);$("#chatchannel li:last")[0].appendChild(o),document.getElementById("chatchannel").scrollTop=document.getElementById("chatchannel").scrollHeight})},chat_blink:function(){$("#chat-btn i").css("opacity",.5),setTimeout(function(){$("#chat-btn i").css("opacity",1)},1e3)}},a={conf_arr:{},init:function(){document.cookie=T.toLowerCase()+"=; path=/"+T.toLowerCase()+"; expires="+new Date(0).toUTCString();try{conf_arr=a.decrypt(a.getCookie("_opt"),"_opt")}catch(e){conf_arr=a.decrypt(a.create_cookie("_opt"),"_opt")}try{conf_pass=a.decrypt(a.getCookie(T.toLowerCase()),T.toLowerCase())}catch(e){conf_pass=a.decrypt(a.create_cookie(T.toLowerCase()),T.toLowerCase())}S.change_enabled(conf_arr.remote),100!=conf_arr.width&&se.set_width(conf_arr.width)},decrypt:function(e,t){void 0===a.getCookie(t)&&(e=a.create_cookie(t));var o=CryptoJS.AES.decrypt(e,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return $.parseJSON(o.toString(CryptoJS.enc.Utf8))},decrypt_pass:function(e){var t=CryptoJS.AES.decrypt(e,C.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString(CryptoJS.enc.Utf8)},encrypt:function(e,t){var o=JSON.stringify(e),n=CryptoJS.AES.encrypt(o,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7}),a=new Date;a.setFullYear(a.getFullYear()+1),document.cookie=t+"="+n.toString()+";expires="+a.toGMTString()+";path=/;"},encrypt_string:function(e){var t=CryptoJS.AES.encrypt(e,C.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString()},get_volume:function(){return a.decrypt(a.getCookie("_opt"),"_opt").volume},set_volume:function(e){conf_arr.volume=e,a.encrypt(conf_arr,"_opt")},create_cookie:function(e){"_opt"==e?cookie_object={volume:100,width:100,remote:!0}:cookie_object={passwords:{}};var t=JSON.stringify(cookie_object),o=CryptoJS.AES.encrypt(t,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7}),n=new Date;return n.setFullYear(n.getFullYear()+1),document.cookie=e+"="+o.toString()+";expires="+n.toGMTString()+";path=/;",a.getCookie(e)},set_pass:function(e,t){conf_pass.passwords[e]=t,a.encrypt(conf_pass,e)},remove_pass:function(e){delete conf_pass.passwords[e],a.encrypt(conf_pass,e.toLowerCase())},get_pass:function(e){return conf_pass.passwords[e]},set_remote:function(e){conf_arr.remote=e,a.encrypt(conf_arr,"_opt")},get_remote:function(e){return conf_arr.remote},crypt_pass:function(e){var t=CryptoJS.AES.encrypt(e,C.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString()},get_width:function(){return conf_arr.width},set_width:function(e){conf_arr.width=e,a.encrypt(conf_arr,"_opt")},getCookie:function(e){var t="; "+document.cookie,o=t.split("; "+e+"=");return 2==o.length?o.pop().split(";").shift():void 0}};window.mobilecheck=function(){var e=!1;return function(t){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0)}(navigator.userAgent||navigator.vendor||window.opera),e};var s={rnd:function(e){return e[Math.floor(Math.random()*e.length)]},predicate:function(){for(var e,t,o,n=[],a=arguments.length,s=function(e,t){return e===t?0:t>e?-1:1},i=function(e,t){var o=s,n=s;return e&&(n=function(t,n){return o(e(t),e(n))}),t?function(e,t){return-1*n(e,t)}:n},r=0;a>r;r++)e=arguments[r],"string"==typeof e?(t=e,o=s):(t=e.name,o=i(e.primer,e.reverse)),n.push({name:t,cmp:o});return function(t,o){for(var s,i,r=0;a>r&&(i=0,e=n[r],s=e.name,i=e.cmp(t[s],o[s]),0===i);r++);return i}},hashCode:function(e){for(var t=0,o=0;o>24&255).toString(16)+(e>>16&255).toString(16)+(e>>8&255).toString(16)+(255&e).toString(16)},pad:function(e){return 10>e?"0"+Math.floor(e):Math.floor(e)},contains:function(e,t){for(var o=e.length;o--;)if(e[o]===t)return!0;return!1},sample:function(){Date.now()-W>=2*F&&(C.removeAllListeners(),C.disconnect(),C.connect(),se.setup_all_listeners()),W=Date.now(),setTimeout(s.sample,F)},loadjsfile:function(e){if(-1==H.indexOf("["+e+"]")){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("src",e),document.getElementsByTagName("head")[0].appendChild(t),H+="["+e+"]"}},msieversion:function(){var e=window.navigator.userAgent,t=e.indexOf("MSIE ");return t>0||navigator.userAgent.match(/Trident.*rv\:11\./)?!0:!1},getRandomInt:function(e,t){return Math.floor(Math.random()*(t-e))+e},rgbToHsl:function(e){r=e[0],g=e[1],b=e[2],r/=255,g/=255,b/=255;var t,o,n=Math.max(r,g,b),a=Math.min(r,g,b),s=(n+a)/2;if(n==a)t=o=0;else{var i=n-a;switch(o=s>.5?i/(2-n-a):i/(n+a),n){case r:t=(g-b)/i+(g.5&&(s=.5),"hsl("+Math.floor(360*t)+", "+Math.floor(100*o)+"%, "+Math.floor(100*s)+"%)"},componentToHex:function(e){var t=e.toString(16);return 1==t.length?"0"+t:t},rgbToHex:function(e,t,o){return"#"+s.componentToHex(e)+s.componentToHex(t)+s.componentToHex(o)}};Element.prototype.remove=function(){this.parentElement.removeChild(this)},NodeList.prototype.remove=HTMLCollection.prototype.remove=function(){for(var e=0,t=this.length;t>e;e++)this[e]&&this[e].parentElement&&this[e].parentElement.removeChild(this[e])},String.prototype.startsWith=function(e,t){return t=t||0,this.indexOf(e,t)===t};var i,l,d,c,u,p,m,h,y,f,v,w,k,_,C,S={enabled:!0,host_listener:function(){var e;C.on("id",function(t){void 0===e?e=t:(C.removeAllListeners(t),K=!1,e=t);var o="https://remote."+window.location.hostname+"/"+t;$("#code-text").text(t),$("#code-qr").attr("src","https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+o),$("#code-link").attr("href",o),K||(K=!0,C.on(t,function(e){enabled&&("volume"==e[0]?($("#volume").slider("value",e[1]),m.setVolume(e[1]),localStorage.setItem("volume",e[1]),oe.choose_button(e[1],!1)):"channel"==e[0]?(C.emit("change_channel"),T=e[1].toLowerCase(),$("#chan").html(T.substring(0,1).toUpperCase()+T.substring(1).toLowerCase()),E=!0,C.emit("list",T.toLowerCase()),localStorage[T.toLowerCase()]&&(64!=localStorage[T.toLowerCase()].length?localStorage.removeItem(T.toLowerCase()):C.emit("password",[localStorage[T.toLowerCase()],T.toLowerCase()])),window.history.pushState("object or string","Title","/"+T.toLowerCase())):"pause"==e[0]?m.pauseVideo():"play"==e[0]?m.playVideo():"skip"==e[0]&&I.skip())}))}),$("input[class=remote_switch_class]").change(function(){enabled=document.getElementsByName("remote_switch")[0].checked,a.set_remote(enabled)})},change_enabled:function(e){enabled=e,document.getElementsByName("remote_switch")[0].checked=enabled}},I={channel_listener:function(){C.on("channel",function(e){I.channel_function(e)})},channel_function:function(e){switch(e[0]){case"list":I.populate_list(e[1]);break;case"added":I.added_song(e[1]);break;case"deleted":I.deleted_song(e[1]);break;case"vote":I.voted_song(e[1],e[2]);break;case"song_change":I.song_change(e[1])}},populate_list:function(e){l=e,I.sortList(),$("#wrapper").empty(),$.each(l,function(e,t){t.now_playing||$("#wrapper").append(I.generateSong(t,!1,Z,!0))}),Z&&(window.mobilecheck()?$(".list-image").lazyload({}):$(".list-image").lazyload({container:$("#wrapper")}).removeClass("lazy")),$("#settings").css("visibility","visible"),$("#settings").css("opacity","1"),$("#wrapper").css("opacity","1")},added_song:function(e){l.push(e),I.sortList(),$("#suggested-"+e.id).remove(),I.insertAtIndex(e,!0)},deleted_song:function(e){var t=I.getIndexOfSong(e),o=$("#wrapper").children()[t];try{o.style.height=0,setTimeout(function(){$("#"+e).remove(),l.splice(I.getIndexOfSong(e),1)},305),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1}catch(n){l.splice(I.getIndexOfSong(e),1),$("#wrapper").children()[$("#wrapper").children().length-1].remove()}$("#suggested-"+e).remove(),ae.checkUserEmpty()},voted_song:function(e,t){var o=I.getIndexOfSong(e),n=l[o];l[o].votes+=1,l[o].added=t,I.sortList(),$("#"+e).remove(),I.insertAtIndex(n,!1)},song_change:function(e){var t=l.length-1;l[0].now_playing=!0,l[0].votes=0,l[0].guids=[],l[0].added=e,l[t].now_playing=!1,l.push(l.shift()),$("#wrapper").children()[0].remove(),I.insertAtIndex(l[t-1],!1),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1},vote:function(e,t){return C.emit("vote",[T,e,t,J]),!0},skip:function(){return C.emit("skip",{pass:J,id:f}),!0},importOldList:function(e){var t="",o=0;playlist_url="lists/"+e+".json",v=$.parseJSON($.ajax({type:"GET",url:playlist_url,async:!1}).responseText),$.each(v.songs,function(e,n){t+=n.id+",",o>45&&(ne.addVideos(t),t="",o=0),o++}),ne.addVideos(t),document.getElementById("search").value=""},sortList:function(){l.sort(s.predicate({name:"votes",reverse:!0},"added"))},show:function(){window.mobilecheck()||(P?(P=!1,$("#toptitle").empty(),$("#chan").addClass("bigChan"),$("#chan").html("zoff.no/"+T.toLowerCase())):(P=!0,$("#toptitle").html("Zöff"),$("#chan").removeClass("bigChan"),$("#chan").html(T)))},insertAtIndex:function(e,t){Q=I.getIndexOfSong(e.id),0===Q?$("#wrapper").prepend(I.generateSong(e,t,!1,!0,!1)):$("#wrapper > div:nth-child("+Q+")").after(I.generateSong(e,t,!1,!0,!1)),t&&setTimeout(function(){var e=$("#wrapper").children()[Q];$(e).css("height",66)},5)},generateSong:function(e,t,o,n,a){var s,i,r=e.id,l=e.title,d=e.votes,c="background-image:url('//img.youtube.com/vi/"+r+"/mqdefault.jpg');",u=$("
    "+L+"
    "),p="style";return t&&u.find("#list-song").css("height",0),E||u.find(".card-action").removeClass("hide"),1==d&&u.find(".vote-text").text("vote"),o&&(c="//img.youtube.com/vi/"+r+"/mqdefault.jpg",p="data-original"),n?(u.find(".list-votes").text(d),u.find("#list-song").attr("id",r),s=".vote-container",i="del"):n||(u.find(".vote-text").text(e.duration),s=".add-suggested",i=a?"del_user_suggested":"del_suggested",u.find(".vote-container").attr("class","clickable add-suggested"),u.find(".add-suggested").attr("title","Add song!"),u.find("#del").attr("id",i),u.find(s).attr("data-video-title",l),u.find(s).attr("data-video-length",e.length),u.find("#list-song").attr("id","suggested-"+r),u.find(".list-image").attr("class",u.find(".list-image").attr("class").replace("list-image","list-suggested-image"))),u.find(".list-title").text(l),u.find(".list-title").attr("title",l),u.find(s).attr("data-video-id",r),u.find(".list-image").attr(p,c),u.find(".list-suggested-image").attr(p,c),u.find("#"+i).attr("data-video-id",r),u.html()},getIndexOfSong:function(e){return indexes=$.map(l,function(t,o){return t.id==e?o:void 0}),indexes[0]}},T=$("#chan").html(),E=!0,B=0,P=!0,L=$("#list-song-html").html(),A=!1,M=!1,N=0,D="***REMOVED***",j=$("#temp-results-container"),V=$("#empty-results-container").html(),R=!1,O=/P((([0-9]*\.?[0-9]*)Y)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)W)?(([0-9]*\.?[0-9]*)D)?)?(T(([0-9]*\.?[0-9]*)H)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)S)?)?/,d=[],Y=0,z=1,J="",H="",q=!1,y=1,U=!1,G=!1,F=6e3,W=Date.now(),K=!1,Q=-1,Z=!0,X=!1,ee='
    00:00 / 00:00
     votes
    ',te={"sync disconnect on unload":!0,secure:!0,"force new connection":!0};$().ready(function(){e()}),window.init=e,$(document).keyup(function(e){if(27==event.keyCode)$("#results").html(""),s.contains($("#search-wrapper").attr("class").split(" "),"hide")||$("#search-wrapper").toggleClass("hide"),s.contains($("#song-title").attr("class").split(" "),"hide")&&$("#song-title").toggleClass("hide"),"mdi-navigation-close"==$("#search-btn i").attr("class")&&($("#search-btn i").toggleClass("mdi-navigation-close"),$("#search-btn i").toggleClass("mdi-action-search")),$("#results").toggleClass("hide");else if($("div.result").length>2)if(children=$("#mock-div").children(),40==e.keyCode)$(children[Q-1]).removeClass("hoverResults"),$(children[Q]).addClass("hoverResults"),Q1&&Q--,$(children[Q]).removeClass("hoverResults"),$(children[Q-1]).addClass("hoverResults");else if(13==e.keyCode){Q=0;var t=document.getElementsByClassName("hoverResults")[0];"function"==typeof t.onclick&&t.onclick.apply(t),$("div.hoverResults").removeClass("hoverResults"),$("#results").html(""),document.getElementById("search").value=""}}),$("input[class=conf]").change(function(){o.save()}),$("#clickme").click(function(){se.ytplayer.playVideo()}),$("#listImport").on("submit",function(){ne.importPlaylist(document.getElementById("import").value)}),$(window).focus(function(){M&&($("#favicon").attr("href","static/images/favicon.png"),M=!1)}),$(document).on("click","#chat-btn",function(){$("#text-chat-input").focus(),$("#chat-btn i").css("opacity",1),clearInterval(c),A=!1,M=!1,$("#favicon").attr("href","static/images/favicon.png")}),$(document).on("click",".chat-tab",function(){$("#text-chat-input").focus()}),$(document).on("click","#skip",function(e){e.preventDefault(),I.skip()}),$(document).on("click","#chan",function(e){e.preventDefault(),I.show()}),$(document).on("submit","#adminForm",function(e){e.preventDefault(),o.pass_save()}),$(document).on("submit","#chatForm",function(){n.chat(document.getElementById("chatForm").input)}),$(document).on("click","#shuffle",function(e){e.preventDefault(),o.shuffle()}),$(document).on("click","#search-btn",function(e){e.preventDefault(),ne.showSearch()}),$(document).on("click","#song-title",function(e){e.preventDefault(),ne.showSearch()}),$(document).on("click","#admin-lock",function(e){e.preventDefault(),o.log_out()}),$(document).on("click","#closeSettings",function(e){e.preventDefault(),o.hide_settings()}),$(document).on("click","#temp-results",function(e){if($(e.target).html()!=$("").html()){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");ne.submitAndClose(t,o,n)}}),$(document).on("click","#add-many",function(e){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");ne.submit(t,o,n)}),$(document).on("click",".vote-container",function(e){var t=$(this).attr("data-video-id");I.vote(t,"pos")}),$(document).on("click","#del",function(e){var t=$(this).attr("data-video-id");I.vote(t,"del")}),$(document).on("click",".add-suggested",function(e){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");ne.submit(t,o,n),$("#suggested-"+t).remove()}),$(document).on("click","#del_suggested",function(e){var t=$(this).attr("data-video-id");$("#suggested-"+t).remove()}),$(document).on("click","#del_user_suggested",function(e){var t=$(this).attr("data-video-id");$("#suggested-"+t).remove(),I.vote(t,"del")}),$(document).on("click","#toast-container",function(){$(this).fadeOut(function(){$(this).remove()})}),$(document).on("click","#embed-area",function(){this.select()}),$(document).on("click",".brand-logo-navigate",function(e){e.preventDefault(),window.history.pushState("to the frontpage!","Title","/"),t()}),window.onpopstate=function(e){t()};var oe={stopInterval:!1,initYoutubeControls:function(){!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||$("#controls").appendTo("#playbar"),oe.initControls()},initControls:function(){document.getElementById("volume-button").addEventListener("click",oe.mute_video),document.getElementById("playpause").addEventListener("click",oe.play_pause),document.getElementById("fullscreen").addEventListener("click",oe.fullscreen)},initSlider:function(){try{vol=a.get_volume()}catch(e){}$("#volume").slider({min:0,max:100,value:vol,range:"min",animate:!0,slide:function(e,t){oe.setVolume(t.value);try{a.set_volume(t.value)}catch(o){}}}),oe.choose_button(vol,!1)},fullscreen:function(){var e=document.getElementById("player"),t=e.requestFullScreen||e.mozRequestFullScreen||e.webkitRequestFullScreen;t&&t.bind(e)()},play_pause:function(){1==se.ytplayer.getPlayerState()?(se.ytplayer.pauseVideo(),!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||(document.getElementById("player").style.display="none")):(2==se.ytplayer.getPlayerState()||0==se.ytplayer.getPlayerState())&&(se.ytplayer.playVideo(),!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||(document.getElementById("player").style.display="block"))},settings:function(){$("#qS").toggleClass("hide")},changeQuality:function(e){se.ytplayer.getPlaybackQuality!=e&&(se.ytplayer.setPlaybackQuality(e),se.ytplayer.getPlaybackQuality()),$("#qS").toggleClass("hide")},mute_video:function(){se.ytplayer.isMuted()?(se.ytplayer.unMute(),oe.choose_button(se.ytplayer.getVolume(),!1)):(oe.choose_button(0,!0),se.ytplayer.mute())},setVolume:function(e){se.ytplayer.setVolume(e),oe.choose_button(e,!1),se.ytplayer.isMuted()&&se.ytplayer.unMute()},choose_button:function(e,t){t?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),2==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=0&&33>=e?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"), +1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),2==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=34&&66>=e?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),2==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=67&&100>=e&&(2==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide"))},playPause:function(){state=se.ytplayer.getPlayerState(),button=document.getElementById("playpause"),1==state?se.ytplayer.pauseVideo():2==state&&se.ytplayer.playVideo()},volumeOptions:function(){se.ytplayer.isMuted()?(se.ytplayer.unMute(),vol=se.ytplayer.getVolume(),$("#volume").slider("value",se.ytplayer.getVolume())):(se.ytplayer.mute(),$("#volume").slider("value",0))},hoverMute:function(e){vol=se.ytplayer.getVolume()}},ne={showSearch:function(){$("#search-wrapper").toggleClass("hide"),window.mobilecheck()&&$(".search_input").focus(),$("#song-title").toggleClass("hide"),$("#results").toggleClass("hide"),$("#results").empty(),$("#search-btn i").toggleClass("mdi-navigation-close"),$("#search-btn i").toggleClass("mdi-action-search"),$("#search").focus()},search:function(e){if($(".search_results").html(""),""!==window.search_input){R=!0;var t=encodeURIComponent(window.search_input),o="https://www.googleapis.com/youtube/v3/search?key="+D+"&videoEmbeddable=true&part=id&fields=items(id)&type=video&order=viewCount&safeSearch=none&maxResults=25";o+="&q="+t,Y&&(o+="&videoCategoryId=10");var n="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+D+"&id=";s.contains($("#search_loader").attr("class").split(" "),"hide")&&$("#search_loader").removeClass("hide"),s.contains($("#results").attr("class").split(" "),"hide")&&$("#results").removeClass("hide"),$.ajax({type:"GET",url:o,dataType:"jsonp",success:function(e){0==e.items.length?($("").appendTo($("#results")).show("blind",83.33),s.contains($("#search_loader").attr("class").split(" "),"hide")||$("#search_loader").addClass("hide")):e.items&&($.each(e.items,function(e,t){n+=t.id.videoId+","}),$.ajax({type:"GET",url:n,dataType:"jsonp",success:function(e){var t="",o=$(j);$.each(e.items,function(e,n){var a=n.contentDetails.duration;if(secs=ne.durationToSeconds(a),!longsongs||secs<720){h=n.snippet.title,enc_title=encodeURIComponent(h).replace(/'/g,"\\'"),i=n.id,a=a.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),thumb=n.snippet.thumbnails.medium.url;var s=o;s.find(".search-title").text(h),s.find(".result_info").text(a),s.find(".thumb").attr("data-original",thumb),s.find("#add-many").attr("data-video-id",i),s.find("#add-many").attr("data-video-title",enc_title),s.find("#add-many").attr("data-video-length",secs),s.find("#temp-results").attr("data-video-id",i),s.find("#temp-results").attr("data-video-title",enc_title),s.find("#temp-results").attr("data-video-length",secs),t+=s.html()}}),$("").appendTo($("#results")).show("blind",83.33*(e.items.length-1)),setTimeout(function(){$(".thumb").lazyload({container:$("#results")})},250),s.contains($("#search_loader").attr("class").split(" "),"hide")||$("#search_loader").addClass("hide"),$(".add-many").click(function(e){return e.preventDefault(),e.stopPropagation(),!1})}}))}})}else $(".main").removeClass("blurT"),$("#controls").removeClass("blurT"),$(".main").removeClass("clickthrough")},submitAndClose:function(e,t,o){ne.submit(e,t,o),$("#results").html(""),ne.showSearch(),document.getElementById("search").value="",$("#results").html="",$(".main").removeClass("blurT"),$("#controls").removeClass("blurT"),$(".main").removeClass("clickthrough")},importPlaylist:function(e,t){token="",void 0!==t&&(token="&pageToken="+t),playlist_url="https://www.googleapis.com/youtube/v3/playlistItems?part=contentDetails&maxResults=49&key="+D+"&playlistId="+e+token,$.ajax({type:"GET",url:playlist_url,dataType:"jsonp",success:function(t){var o="";ne.addVideos(t.items[0].contentDetails.videoId),$.each(t.items,function(e,t){o+=t.contentDetails.videoId+","}),ne.addVideos(o),t.nextPageToken&&ne.importPlaylist(e,t.nextPageToken),document.getElementById("import").value=""}})},addVideos:function(e){var t="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key=***REMOVED***&id=";t+=e,$.ajax({type:"POST",url:t,dataType:"jsonp",success:function(e){$.each(e.items,function(e,t){var o=ne.durationToSeconds(t.contentDetails.duration);(!longsongs||720>o)&&(enc_title=encodeURIComponent(t.snippet.title),ne.submit(t.id,enc_title,o))})}})},submit:function(e,t,o){C.emit("add",[e,decodeURIComponent(t),J,o])},durationToSeconds:function(e){var t=e.match(O);return hours=parseInt(t[12])||0,minutes=parseInt(t[14])||0,seconds=parseInt(t[16])||0,60*hours*60+60*minutes+seconds}},ae={catchUserSuggests:function(e,t){if(t)ae.createSuggested(e);else for(x in e)ae.createSuggested(e[x]);ae.checkUserEmpty()},createSuggested:function(e){var t=e.duration,o=e.id,n=e.title,a=Math.floor(t/60),s=t-60*a;duration=a+"m "+s+"s";var i=I.generateSong({id:o,title:n,length:t,duration:duration},!1,!1,!1,!0);$("#user-suggest-html").append(i)},fetchYoutubeSuggests:function(e){var t="https://www.googleapis.com/youtube/v3/search?part=snippet&relatedToVideoId="+e+"&type=video&key="+D,o="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+D+"&id=";$.ajax({type:"GET",url:t,dataType:"jsonp",success:function(e){$.each(e.items.slice(0,5),function(e,t){o+=t.id.videoId+","}),$.ajax({type:"GET",url:o,dataType:"jsonp",success:function(e){$("#suggest-song-html").empty(),$.each(e.items,function(e,t){var o=t.contentDetails.duration,n=ne.durationToSeconds(o),a=t.id,s=t.snippet.title;o=o.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),$("#suggest-song-html").append(I.generateSong({id:a,title:s,length:n,duration:o},!1,!1,!1))})}})}})},checkUserEmpty:function(){var e=$("#user-suggest-html").children().length;0==e?s.contains($("#user_suggests").attr("class").split(" "),"hide")||$("#user_suggests").addClass("hide"):$("#user_suggests").removeClass("hide")}},se={loaded:!0,before_load:"",after_load:"",ytplayer:"",stopInterval:!1,setup_youtube_listener:function(e){C.on("np",function(e){if(se.loaded=!1,0==e[0].length){document.getElementById("song-title").innerHTML="Empty channel. Add some songs!",$("#player_overlay").height($("#player").height()),/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||$("#player_overlay").toggleClass("hide");try{se.ytplayer.stopVideo()}catch(t){}}else{void 0==_?_=e[0][0].id:_!=f&&(_=f),f=e[0][0].id,d=e[1][0],time=e[2],w=time-d.startTime,k=e[0][0].title,$("#player_overlay").addClass("hide");try{ae.fetchYoutubeSuggests(f)}catch(t){}if(se.getTitle(k,y),se.setBGimage(f),!q||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream)se.getTitle(k,y);else try{se.ytplayer.getVideoUrl().split("v=")[1]!=f&&(se.ytplayer.loadVideoById(f),se.notifyUser(f,k),se.ytplayer.seekTo(w),U&&se.ytplayer.pauseVideo()),U||(se.ytplayer.playVideo(),se.durationSetter()),(se.ytplayer.getDuration()>w||0==se.ytplayer.getDuration())&&se.ytplayer.seekTo(w),se.after_load=f,setTimeout(function(){se.loaded=!0},500)}catch(t){se.durationSetter()}}}),C.on("viewers",function(e){y=e,void 0!==k&&se.getTitle(k,y)})},onPlayerStateChange:function(e){switch(e.data){case-1:break;case 0:G=!1,U=!1,C.emit("end",f);break;case 1:G=!0,beginning&&window.mobilecheck()&&(se.ytplayer.pauseVideo(),beginning=!1),1==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide"),2==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),U&&(C.emit("pos"),U=!1);break;case 2:U=!0,1==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),2==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide");break;case 3:}},getTitle:function(e,t){var o=t>1?"viewers":"viewer",n=decodeURIComponent(e),a=document.getElementById("song-title"),s=document.getElementById("viewers");document.title=n+" • Zöff / "+T,a.innerHTML=n,s.innerHTML=t+" "+o,a.title=n+" • "+t+" "+o},errorHandler:function(e){5==e.data||100==e.data||101==e.data||150==e.data?(curr_playing=se.ytplayer.getVideoUrl().replace("https://www.youtube.com/watch?v=",""),C.emit("skip",{error:e.data,id:f,pass:J})):void 0!==f&&se.ytplayer.loadVideoById(f)},onPlayerReady:function(e){$("#channel-load").css("display","none");try{beginning=!0,q=!0,/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||($("#player").css("opacity","1"),$("#controls").css("opacity","1"),$(".playlist").css("opacity","1"),window.ytplayer=se.ytplayer,se.ytplayer.loadVideoById(f),se.ytplayer.playVideo(),se.durationSetter(),se.ytplayer.seekTo(w)),se.readyLooks(),oe.initYoutubeControls(se.ytplayer),oe.initSlider(),se.ytplayer.setVolume(a.get_volume())}catch(t){}},readyLooks:function(){se.setBGimage(f)},setBGimage:function(e){if(void 0!==e&&!X){var t=new Image;t.onload=function(){var e=new ColorThief,o=e.getColor(t);document.getElementsByTagName("body")[0].style.backgroundColor=s.rgbToHsl(o),$("meta[name=theme-color]").attr("content",s.rgbToHex(o[0],o[1],o[2]))},t.crossOrigin="Anonymous",t.src="https://zoff.no:8080/https://img.youtube.com/vi/"+e+"/mqdefault.jpg"}},set_width:function(e){$(".video-container").width(e)},notifyUser:function(e,t){if(t=t.replace(/\\\'/g,"'").replace(/"/g,"'").replace(/&/g,"&"),"granted"===Notification.permission&&document.hidden){var o=new Notification("Now Playing",{body:t,icon:"http://i.ytimg.com/vi/"+e+"/mqdefault.jpg",iconUrl:"http://i.ytimg.com/vi/"+e+"/mqdefault.jpg"});o.onclick=function(e){window.focus(),this.cancel()},setTimeout(function(){o.close()},5e3)}},setup_all_listeners:function(){C.on("get_list",function(){C.emit("list",T.toLowerCase())}),se.setup_youtube_listener(T),o.admin_listener(),n.setup_chat_listener(T),n.allchat_listener(),I.channel_listener(),I.skipping_listener()},onYouTubeIframeAPIReady:function(){se.ytplayer=new YT.Player("player",{videoId:"asd",playerVars:{rel:"0",wmode:"transparent",controls:"0",iv_load_policy:"3",theme:"light",color:"white"},events:{onReady:se.onPlayerReady,onStateChange:se.onPlayerStateChange,onError:se.errorHandler}})},durationSetter:function(){try{duration=se.ytplayer.getDuration()}catch(e){duration=0}if(void 0!=duration)try{dMinutes=Math.floor(duration/60),dSeconds=duration-60*dMinutes,currDurr=se.ytplayer.getCurrentTime(),currDurr>duration&&(currDurr=duration),minutes=Math.floor(currDurr/60),seconds=currDurr-60*minutes,document.getElementById("duration").innerHTML=s.pad(minutes)+":"+s.pad(seconds)+" / "+s.pad(dMinutes)+":"+s.pad(dSeconds),per=100/duration*currDurr,per>=100?per=100:0==duration&&(per=0),$("#bar").width(per+"%")}catch(e){}se.stopInterval||setTimeout(se.durationSetter,1e3)},loadPlayer:function(){1==$("script[src='https://www.youtube.com/iframe_api']").length?se.onYouTubeIframeAPIReady():(u=document.createElement("script"),u.src="https://www.youtube.com/iframe_api",p=document.getElementsByTagName("script")[0],p.parentNode.insertBefore(u,p))}}}(); \ No newline at end of file diff --git a/static/js/chat.js b/static/js/chat.js index 47e1efc2..090af836 100755 --- a/static/js/chat.js +++ b/static/js/chat.js @@ -45,7 +45,6 @@ var Chat = { setup_chat_listener: function(channel) { - document.getElementsByClassName("chat-tab")[0].innerHTML = channel; socket.on("chat", function(data) { if($("#chat-bar").position()["left"] != 0) diff --git a/static/js/embed.js b/static/js/embed.js new file mode 100644 index 00000000..abe214d6 --- /dev/null +++ b/static/js/embed.js @@ -0,0 +1,52 @@ + +var song_title = ""; +var paused = false; +var player_ready = false; +var list_html = $("#list-song-html").html(); +var w_p = true; +var lazy_load = false; +var embed = true; +var vol = 100; +var adminpass = ""; + +var seekTo; +var socket; +var video_id; +var previous_video_id; +var chan = ($("#zoffchannel").html()).toLowerCase(); + +var connection_options = { + 'sync disconnect on unload':true, + 'secure': true, + 'force new connection': true +}; + +$(document).ready(function(){ + console.log("loadshit"); + + $("head").append(''); + $("head").append(''); + + if(window.location.hostname != "zoff.no") add = "https://zoff.no"; + else add = "localhost"; + socket = io.connect(''+add+':8880', connection_options); + + socket.on("get_list", function(){ + setTimeout(function(){socket.emit('list', chan.toLowerCase())},1000); + }); + + Youtube.setup_youtube_listener(chan); + List.channel_listener(); + + + window.onYouTubeIframeAPIReady = Youtube.onYouTubeIframeAPIReady; + + Youtube.loadPlayer(); + + Playercontrols.initSlider(); +}); + +$(document).on( "click", ".vote-container", function(e){ + var id = $(this).attr("data-video-id"); + List.vote(id, "pos"); +}); \ No newline at end of file diff --git a/static/js/hostcontroller.js b/static/js/hostcontroller.js index 702469bf..0e65dbe3 100755 --- a/static/js/hostcontroller.js +++ b/static/js/hostcontroller.js @@ -52,7 +52,7 @@ var Hostcontroller = { ytplayer.pauseVideo() else if(arr[0] == "play") ytplayer.playVideo(); - else if(arr[0] == "skip") + else if(arr[0] == "skip") List.skip(); } }); diff --git a/static/js/list.js b/static/js/list.js index 245b1f3c..40dd3f14 100755 --- a/static/js/list.js +++ b/static/js/list.js @@ -30,17 +30,6 @@ var List = { } }, - skipping_listener: function(){ - socket.on("skipping", function(obj) - { - document.getElementById("pBar").innerHTML = "Vote registrated! "+obj[0]+" of "+obj[1]+" has skipped. "+(Math.ceil(obj[1]/2))+" or more is needed!"; - $("#pBar").addClass("opacityFull"); - setTimeout(function(){ - $("#pBar").removeClass("opacityFull"); - },1500); - }); - }, - populate_list: function(msg) { @@ -51,12 +40,15 @@ var List = { $.each(full_playlist, function(j, current_song){ if(!current_song.now_playing){ //check that the song isnt playing - $("#wrapper").append(List.generateSong(current_song, false, true, true)); + $("#wrapper").append(List.generateSong(current_song, false, lazy_load, true)); } }); - if(window.mobilecheck()) $(".list-image").lazyload({}); - else $(".list-image").lazyload({container: $("#wrapper")}).removeClass("lazy"); + + if(lazy_load){ + if(window.mobilecheck()) $(".list-image").lazyload({}); + else $(".list-image").lazyload({container: $("#wrapper")}).removeClass("lazy"); + } $("#settings").css("visibility", "visible"); $("#settings").css("opacity", "1"); $("#wrapper").css("opacity", "1"); diff --git a/static/js/listeners.js b/static/js/listeners.js index 6c003f19..22f4a21d 100755 --- a/static/js/listeners.js +++ b/static/js/listeners.js @@ -24,6 +24,9 @@ var SAMPLE_RATE = 6000; // 6 seconds var lastSample = Date.now(); var began = false; var i = -1; +var lazy_load = true; +var embed = false; +var embed_code = '
    00:00 / 00:00
     votes
    '; var id; var full_playlist; @@ -81,7 +84,6 @@ function init(){ Youtube.setup_youtube_listener(chan); Admin.admin_listener(); List.channel_listener(); - List.skipping_listener(); $('ul.tabs').tabs(); $("#settings").sideNav({ @@ -153,7 +155,7 @@ function init(){ Helper.sample(); } - $( "#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function() { }); + $( "#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ }); $("#search").focus(); $('#base').bind("keyup keypress", function(e) { @@ -188,7 +190,9 @@ function init(){ } }, 1); }, 1000); - + + $("#embed-button").css("display", "inline-block"); + $("#embed-area").val('
    ' + chan.toLowerCase() + '
    ' + embed_code); } @@ -374,6 +378,10 @@ $(document).on('click', '#toast-container', function(){ }); }); +$(document).on("click", "#embed-area", function(){ + this.select(); +}); + $(document).on("click", ".brand-logo-navigate", function(e){ e.preventDefault(); @@ -398,6 +406,7 @@ function onepage_load(){ Admin.display_logged_out(); Admin.beginning = true; chan = ""; + $("#embed-button").css("display", "none"); socket.removeAllListeners(); diff --git a/static/js/playercontrols.js b/static/js/playercontrols.js index 271fa699..b31f055d 100755 --- a/static/js/playercontrols.js +++ b/static/js/playercontrols.js @@ -20,7 +20,9 @@ var Playercontrols = { initSlider: function() { - vol = (Crypt.get_volume()); + try{ + vol = (Crypt.get_volume()); + }catch(e){} $("#volume").slider({ min: 0, max: 100, @@ -31,7 +33,7 @@ var Playercontrols = { Playercontrols.setVolume(ui.value); //localStorage.setItem("volume", ui.value); - Crypt.set_volume(ui.value); + try{Crypt.set_volume(ui.value);}catch(e){} } }); Playercontrols.choose_button(vol, false); diff --git a/static/js/youtube.js b/static/js/youtube.js index 89af45cd..286f7be6 100755 --- a/static/js/youtube.js +++ b/static/js/youtube.js @@ -11,9 +11,7 @@ var Youtube = { socket.on("np", function(obj) { Youtube.loaded = false; - try{ - if(video_id != undefined && Youtube.ytplayer !== undefined) Youtube.before_load = Youtube.ytplayer.getVideoUrl(); - }catch(e){} + if(obj[0].length == 0){ document.getElementById('song-title').innerHTML = "Empty channel. Add some songs!"; @@ -40,7 +38,9 @@ var Youtube = { $("#player_overlay").addClass("hide"); - Suggestions.fetchYoutubeSuggests(video_id); + try{ + Suggestions.fetchYoutubeSuggests(video_id); + }catch(e){} Youtube.getTitle(song_title, viewers); Youtube.setBGimage(video_id); //if(player_ready && !window.mobilecheck()) @@ -182,7 +182,7 @@ var Youtube = { Playercontrols.initYoutubeControls(Youtube.ytplayer); Playercontrols.initSlider(); Youtube.ytplayer.setVolume(Crypt.get_volume()); - }catch(e){window.location.reload();}; + }catch(e){} }, readyLooks: function() @@ -191,7 +191,8 @@ var Youtube = { }, setBGimage: function(id){ - if(id !== undefined) + + if(id !== undefined && !embed) { var img = new Image(); img.onload = function () @@ -252,7 +253,6 @@ var Youtube = { durationSetter: function() { - //console.log(Youtube.stopInterval); try{ duration = Youtube.ytplayer.getDuration(); }catch(e){duration = 0};