var Player = { loaded: true, before_load: "", after_load: "", player: "", stopInterval: false, youtube_listener: function(obj) { Player.loaded = false; Helper.log("--------youtube_listener--------"); Helper.log("Received: "); Helper.log(obj); Helper.log("paused variable: " + paused); Helper.log("mobile_beginning variable: " + mobile_beginning); try{ Helper.log("getVideoUrl(): " + Player.player.getVideoUrl().split('v=')[1]); } catch(e){} Helper.log("video_id variable: " + video_id); Helper.log("---------------------------------"); if(!obj.np){ document.getElementById('song-title').innerHTML = "Empty channel. Add some songs!"; $("#player_overlay").height($("#player").height()); if(!window.MSStream) $("#player_overlay").toggleClass("hide"); try{ Player.player.stopVideo(); }catch(e){} //List.importOldList(channel.toLowerCase()); } else{ //Helper.log("gotten new song"); if(previous_video_id === undefined) previous_video_id = obj.np[0].id; else if(previous_video_id != video_id) previous_video_id = video_id; video_id = obj.np[0].id; conf = obj.conf[0]; time = obj.time; seekTo = time - conf.startTime; song_title = obj.np[0].title; duration = obj.np[0].duration; if(mobile_beginning && Helper.mobilecheck() && seekTo === 0) seekTo = 1; try{ if(full_playlist[0].id == video_id){ List.song_change(full_playlist[0].added); } Suggestions.fetchYoutubeSuggests(video_id); }catch(e){} Player.getTitle(song_title, viewers); Player.setBGimage(video_id); //if(player_ready && !Helper.mobilecheck()) if(player_ready && !window.MSStream) { try{ if(Player.player.getVideoUrl().split('v=')[1] != video_id) { Player.player.loadVideoById(video_id); Player.notifyUser(video_id, song_title); Player.player.seekTo(seekTo); if(paused) Player.player.pauseVideo(); } if(!paused){ if(!mobile_beginning) Player.player.playVideo(); if(!durationBegun) Player.durationSetter(); } if(Player.player.getDuration() > seekTo || Player.player.getDuration() === 0) Player.player.seekTo(seekTo); Player.after_load = video_id; if(!Player.loaded) setTimeout(function(){Player.loaded = true;},500); }catch(e){ if(!durationBegun) Player.durationSetter(); } } else Player.getTitle(song_title, viewers); } }, onPlayerStateChange: function(newState) { Helper.log("-------onPlayerStateChange------"); Helper.log("New state\nState: "); Helper.log(newState); try{ Helper.log("Duration: " + Player.player.getDuration(), "Current time: " + Player.player.getCurrentTime()); Helper.log("getVideoUrl(): " + Player.player.getVideoUrl().split('v=')[1]); }catch(e){} Helper.log("video_id variable: " + video_id); Helper.log("---------------------------------"); switch(newState.data) { case -1: break; case 0: playing = false; paused = false; socket.emit("end", {id: video_id, channel: chan.toLowerCase()}); break; case 1: playing = true; if(beginning && Helper.mobilecheck()){ Player.player.pauseVideo(); beginning = false; mobile_beginning = false; } if(!embed && window.location.pathname != "/") Helper.addClass("#player_overlay", "hide"); if(window.location.pathname != "/"){ 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', {channel: chan.toLowerCase()}); paused = false; } break; case 2: /*if(Helper.mobilecheck() || embed) {*/ paused = true; if(window.location.pathname != "/") Playercontrols.play_pause_show(); mobile_beginning = true; /*} else Player.player.playVideo();*/ // break; case 3: break; } }, getTitle: function(titt, v) { var outPutWord = v > 1 ? "viewers" : "viewer"; var title = decodeURIComponent(titt); if(window.location.pathname != "/"){ var elem = document.getElementById('song-title'); var getTitleViews = document.getElementById('viewers'); elem.innerHTML = title; getTitleViews.innerHTML = v + " " + outPutWord; elem.title = title; } document.title = title + " • Zöff / "+chan; }, errorHandler: function(newState) { if(newState.data == 5 || newState.data == 100 || newState.data == 101 || newState.data == 150) { /*if(Player.count == 2){ Player.count = 0;*/ /*Helper.log("Before: " + Player.before_load); Helper.log("Now: " + video_id); Helper.log("After: " + Player.after_load); Helper.log(Player.before_load == Player.player.getVideoUrl);*/ curr_playing = Player.player.getVideoUrl().replace("https://www.youtube.com/watch?v=", ""); socket.emit("skip", {error: newState.data, id: video_id, pass: adminpass, channel: chan.toLowerCase}); //Helper.log(video_id, Player.player.getVideoUrl(), Player.player.getPlayerState()); /*}else{ setTimeout(function(){ Player.player.loadVideoById(video_id); Player.count ++; }, Math.floor((Math.random() * 100) + 1)); }*/ }else if(video_id !== undefined) Player.player.loadVideoById(video_id); }, onPlayerReady: function(event) { $("#channel-load").css("display", "none"); try{ beginning = true; player_ready = true; if(!window.MSStream) { $("#player").css("opacity", "1"); $("#controls").css("opacity", "1"); $(".playlist").css("opacity", "1"); Player.player.loadVideoById(video_id); if(autoplay && !Helper.mobilecheck()) Player.player.playVideo(); if(!durationBegun) Player.durationSetter(); if(embed){ setTimeout(function(){ Player.player.seekTo(seekTo); if(!autoplay){ Player.player.pauseVideo(); Playercontrols.play_pause_show(); } }, 1000); }else Player.player.seekTo(seekTo); } Player.readyLooks(); Playercontrols.initYoutubeControls(Player.player); Playercontrols.initSlider(); Player.player.setVolume(Crypt.get_volume()); $(".video-container").removeClass("no-opacity"); }catch(e){} }, readyLooks: function() { Player.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); if(window.location.pathname != "/"){ document.getElementsByTagName("body")[0].style.backgroundColor = Helper.rgbToHsl(color,true); $("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() { get_list_listener(); setup_youtube_listener(); setup_admin_listener(); setup_chat_listener(); setup_list_listener(); }, onYouTubeIframeAPIReady: function() { Player.player = new YT.Player('player', { videoId: video_id, playerVars: { rel:"0", wmode:"transparent", controls: "0" , iv_load_policy: "3", theme:"light", color:"white", showinfo: 0}, events: { 'onReady': Player.onPlayerReady, 'onStateChange': Player.onPlayerStateChange, 'onError': Player.errorHandler } }); //Youtube.durationSetter(); }, durationSetter: function() { /*try{ //duration = Player.player.getDuration(); }catch(e){};*/ if(duration !== undefined){ try{ if(!Player.stopInterval) durationBegun = true; dMinutes = Math.floor(duration / 60); dSeconds = duration - dMinutes * 60; currDurr = Player.player.getCurrentTime() !== undefined ? Math.floor(Player.player.getCurrentTime()) : seekTo; 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(!Player.stopInterval) setTimeout(Player.durationSetter, 1000); }, loadPlayer: function() { if($("script[src='https://www.youtube.com/iframe_api']").length == 1){ try{ Player.onYouTubeIframeAPIReady(); } catch(error){ console.error("Seems YouTube iFrame script isn't correctly loaded. Please reload the page."); } } else { tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } } };