Added a prettier loader to embedded players

server/public/assets/css/embed.css

@@ -22,6 +22,20 @@
     padding-top: 3px;
 }
 
+.site_loader {
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin: auto;
+    bottom: 0;
+    right: 0;
+    background: rgba(0,0,0,.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 9;
+}
+
 .prev, .skip {
   display: flex;
   justify-content: center;

server/public/assets/js/embed.js

@@ -193,7 +193,10 @@ function setup_now_playing_listener() {
 }
 
 function setup_list_listener() {
-    socket.on("channel", List.channel_function);
+    socket.on("channel", function(msg) {
+        Helper.addClass(".site_loader", "hide");
+        List.channel_function(msg);
+    });
 }
 
 function setVolume(val) {