mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
337 lines
12 KiB
JavaScript
Executable File
337 lines
12 KiB
JavaScript
Executable File
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)+" <span id='dash'>/</span> "+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);
|
|
}
|
|
}
|
|
|
|
};
|