diff --git a/static/js/hostcontroller.js b/static/js/hostcontroller.js index 7c01306b..32c65087 100755 --- a/static/js/hostcontroller.js +++ b/static/js/hostcontroller.js @@ -44,5 +44,4 @@ socket.on("id", function(id) else if(arr[0] == "skip") skip(); }); - } }); diff --git a/static/js/youtube.js b/static/js/youtube.js index 31500bcf..73fe47f3 100755 --- a/static/js/youtube.js +++ b/static/js/youtube.js @@ -252,7 +252,7 @@ function setBGimage(id){ var img = new Image(); img.onload = function () { var colorThief = new ColorThief(); - $("body").css("background-color", colorThief.getColor(img)); + $("body").css("background-color", rgbToHsl(colorThief.getColor(img))); }; img.crossOrigin = 'Anonymous'; img.src = 'http://cors-anywhere.herokuapp.com/http://img.youtube.com/vi/'+id+'/mqdefault.jpg'; @@ -273,7 +273,8 @@ function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min; } -function rgbToHsl(r, g, b){ +function rgbToHsl(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;