Added a rather long and not the best embed code

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)

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('<link type="text/css" rel="stylesheet" href="/static/css/embed.css" />');
+	$("head").append('<link type="text/css" rel="stylesheet" href="/static/css/materialize.min.css" />');
+
+	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");
+});

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();
           }
         });

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");

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    		  = '<div id="song-title"></div><div id="container" style="display:inline-flex;"><div id="player-container"><div id="player" style="width:300px;height:300px;"></div><div id="controls" class="noselect"><div id="playpause"><i id="play" class="mdi-av-play-arrow hide"></i><i id="pause" class="mdi-av-pause"></i></div><div id="duration">00:00 / 00:00</div><div id="fullscreen"><i class="mdi-navigation-fullscreen"></i></div><div id="volume-button"><i id="v-mute" class="mdi-av-volume-off"></i><i id="v-low" class="mdi-av-volume-mute"></i><i id="v-medium" class="mdi-av-volume-down"></i><i id="v-full" class="mdi-av-volume-up"></i></div><div id="volume"></div><div id="viewers"></div><div id="bar"></div></div></div><div id="playlist"><div id="wrapper" style="height:332px;width:300px;overflow-y:scroll;"><div id="preloader" class="progress channel_preloader"><div class="indeterminate"></div></div><div id="list-song-html"><div id="list-song" class="card left-align list-song"><span class="clickable vote-container" title="Vote!"><a class="clickable center-align votebg"><div class="lazy card-image cardbg list-image" style=""></div></a><span class="card-content"><span class="flow-text truncate list-title"></span><span class="vote-span"><span class="list-votes"></span><span class="highlighted vote-text">&nbsp;votes</span></span></span></span></div></div></div></div></div><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script><script type="text/javascript" src="//cdn.socket.io/socket.io-1.3.5.js"></script><script src="static/dist/embed.min.js"></script>';
 
 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('<div id="zoffchannel">' + chan.toLowerCase() + '</div>' + 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();
 

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);

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};