KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-12-08 04:28:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Renamed youtube.js to player.js and trying to get mobileplayer to work correctly

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2016-02-22 08:38:02 +01:00
parent 4891efecb0
commit fb9cf776b0
12 changed files with 145 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/style.css
View File

@@ -1303,7 +1303,7 @@ nav ul li:hover, nav ul li.active {
}
#player{
/*display:none;*/
display:none;
}
.hide-on-small-only{

2
static/dist/embed.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
static/dist/frontpage.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
static/dist/main.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
static/js/crypt.js
View File

@@ -17,7 +17,7 @@ var Crypt = {
conf_pass = Crypt.decrypt(Crypt.create_cookie(chan.toLowerCase()), chan.toLowerCase());
}
Hostcontroller.change_enabled(conf_arr.remote);
if(conf_arr["width"] != 100) Youtube.set_width(conf_arr["width"]);
if(conf_arr["width"] != 100) Player.set_width(conf_arr["width"]);
},
decrypt: function(cookie, name){

6
static/js/embed.js
View File

@@ -42,12 +42,12 @@ $(document).ready(function(){
});
Youtube.setup_youtube_listener(chan);
Player.setup_youtube_listener(chan);
List.channel_listener();
window.onYouTubeIframeAPIReady = Youtube.onYouTubeIframeAPIReady;
window.onYouTubeIframeAPIReady = Player.onYouTubeIframeAPIReady;
Youtube.loadPlayer();
Player.loadPlayer();
Playercontrols.initSlider();
});

2
static/js/helpers.js
View File

@@ -103,7 +103,7 @@ var Helper = {
socket.removeAllListeners()
socket.disconnect();
socket.connect();
Youtube.setup_all_listeners();
Player.setup_all_listeners();
}
lastSample = Date.now();
setTimeout(Helper.sample, SAMPLE_RATE);

6
static/js/hostcontroller.js
View File

@@ -27,7 +27,7 @@ var Hostcontroller = {
if(enabled){
if(arr[0] == "volume"){
$("#volume").slider("value", arr[1]);
Youtube.ytplayer.setVolume(arr[1]);
Player.ytplayer.setVolume(arr[1]);
localStorage.setItem("volume", arr[1]);
Playercontrols.choose_button(arr[1], false);
}else if(arr[0] == "channel"){
@@ -46,9 +46,9 @@ var Hostcontroller = {
window.history.pushState("object or string", "Title", "/"+chan.toLowerCase());
}else if(arr[0] == "pause")
Youtube.ytplayer.pauseVideo()
Player.ytplayer.pauseVideo()
else if(arr[0] == "play")
Youtube.ytplayer.playVideo();
Player.ytplayer.playVideo();
else if(arr[0] == "skip")
List.skip();
}

60
static/js/listeners.js
View File

@@ -28,6 +28,7 @@ var lazy_load = true;
var embed = false;
var autoplay = true;
var mobile_beginning;
var timeout_search;
var id;
var full_playlist;
@@ -56,7 +57,8 @@ $().ready(function(){
function init(){
mobile_beginning = window.mobilecheck();
window.onpopstate = function(e){
onepage_load();
}
@@ -69,7 +71,7 @@ function init(){
//setTimeout(function(){
if(Youtube != undefined) Youtube.stopInterval= false;
if(Player != undefined) Player.stopInterval= false;
//window.vote = List.vote;
//window.submit = Search.submit;
//window.submitAndClose = Search.submitAndClose;
@@ -113,35 +115,43 @@ function init(){
}*/
socket = io.connect(''+add+':8880', connection_options);
Youtube.setup_youtube_listener(chan);
Admin.admin_listener();
List.channel_listener();
socket = io.connect(''+add+':8880', connection_options);
Player.setup_youtube_listener(chan);
Admin.admin_listener();
List.channel_listener();
socket.on("get_list", function(){
//setTimeout(function(){
socket.emit('list', chan.toLowerCase())
//},1000);
});
socket.on("get_list", function(){
//setTimeout(function(){
socket.emit('list', chan.toLowerCase())
//},1000);
});
socket.on("suggested", function(params){
var single = true;
if(params.id == undefined)
single = false;
//setTimeout(function(){
Suggestions.catchUserSuggests(params, single);
//}, 1000);
});
socket.on("suggested", function(params){
var single = true;
if(params.id == undefined)
single = false;
//setTimeout(function(){
Suggestions.catchUserSuggests(params, single);
//}, 1000);
});
socket.on("viewers", function(view)
{
viewers = view;
if(song_title !== undefined)
Player.getTitle(song_title, viewers);
});
if(/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){
document.getElementById("search").blur();
Youtube.readyLooks();
Player.readyLooks();
}else{
Chat.setup_chat_listener(chan);
Chat.allchat_listener();
if(!window.mobilecheck()) Hostcontroller.host_listener();
window.onYouTubeIframeAPIReady = Youtube.onYouTubeIframeAPIReady;
Youtube.loadPlayer();
window.onYouTubeIframeAPIReady = Player.onYouTubeIframeAPIReady;
Player.loadPlayer();
$("#chat-btn").sideNav({
menuWidth: 272, // Default is 240
@@ -266,7 +276,7 @@ $('input[class=conf]').change(function()
});
$("#clickme").click(function(){
Youtube.ytplayer.playVideo();
Player.ytplayer.playVideo();
});
$('#listImport').on("submit", function(){
@@ -468,7 +478,7 @@ function onepage_load(){
$("#channel-load").css("display", "block");
window.scrollTo(0, 0);
Youtube.stopInterval = true;
Player.stopInterval = true;
Admin.display_logged_out();
Admin.beginning = true;
chan = "";
@@ -496,7 +506,7 @@ function onepage_load(){
$("meta[name=theme-color]").attr("content", "#2D2D2D");
Youtube.ytplayer.destroy();
Player.ytplayer.destroy();
$(".drag-target").remove();
$("#sidenav-overlay").remove();

147
static/js/youtube.js → static/js/player.js
View File

@@ -1,4 +1,4 @@
var Youtube = {
var Player = {
loaded: true,
before_load: "",
@@ -10,7 +10,7 @@ var Youtube = {
{
socket.on("np", function(obj)
{
Youtube.loaded = false;
Player.loaded = false;
if(obj.length == 0){
@@ -19,7 +19,7 @@ var Youtube = {
if(!/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) $("#player_overlay").toggleClass("hide");
try{
Youtube.ytplayer.stopVideo();
Player.ytplayer.stopVideo();
}catch(e){}
//List.importOldList(channel.toLowerCase());
}
@@ -36,6 +36,10 @@ var Youtube = {
seekTo = time - conf["startTime"];
song_title = obj[0][0]["title"];
if(mobile_beginning && window.mobilecheck() && seekTo == 0)
seekTo = 1;
if(full_playlist[0].id == video_id){
List.song_change(full_playlist[0].added);
}
@@ -43,45 +47,40 @@ var Youtube = {
try{
Suggestions.fetchYoutubeSuggests(video_id);
}catch(e){}
Youtube.getTitle(song_title, viewers);
Youtube.setBGimage(video_id);
Player.getTitle(song_title, viewers);
Player.setBGimage(video_id);
//if(player_ready && !window.mobilecheck())
if(player_ready && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream)
if(player_ready && !window.MSStream)
{
try{
if(Youtube.ytplayer.getVideoUrl().split('v=')[1] != video_id)
if(Player.ytplayer.getVideoUrl().split('v=')[1] != video_id)
{
Youtube.ytplayer.loadVideoById(video_id);
Youtube.notifyUser(video_id, song_title);
Youtube.ytplayer.seekTo(seekTo);
Player.ytplayer.loadVideoById(video_id);
Player.notifyUser(video_id, song_title);
Player.ytplayer.seekTo(seekTo);
if(paused)
Youtube.ytplayer.pauseVideo();
Player.ytplayer.pauseVideo();
}
if(!paused){
Youtube.ytplayer.playVideo();
Youtube.durationSetter();
if(!mobile_beginning)
Player.ytplayer.playVideo();
Player.durationSetter();
mobile_beginning = false;
}
if(Youtube.ytplayer.getDuration() > seekTo || Youtube.ytplayer.getDuration() == 0)
Youtube.ytplayer.seekTo(seekTo);
Youtube.after_load = video_id;
if(Player.ytplayer.getDuration() > seekTo || Player.ytplayer.getDuration() == 0)
Player.ytplayer.seekTo(seekTo);
Player.after_load = video_id;
setTimeout(function(){Youtube.loaded = true;},500);
}catch(e){Youtube.durationSetter();}
setTimeout(function(){Player.loaded = true;},500);
}catch(e){Player.durationSetter();}
}
else
Youtube.getTitle(song_title, viewers);
Player.getTitle(song_title, viewers);
}
});
socket.on("viewers", function(view)
{
viewers = view;
if(song_title !== undefined)
Youtube.getTitle(song_title, viewers);
});
},
onPlayerStateChange: function(newState) {
@@ -98,7 +97,7 @@ var Youtube = {
case 1:
playing = true;
if(beginning && window.mobilecheck()){
Youtube.ytplayer.pauseVideo();
Player.ytplayer.pauseVideo();
beginning = false;
}
if(!embed) Helper.addClass("#player_overlay", "hide");
@@ -141,63 +140,63 @@ var Youtube = {
if(newState.data == 5 || newState.data == 100
|| newState.data == 101 || newState.data == 150)
{
/*if(Youtube.count == 2){
Youtube.count = 0;*/
/*console.log("Before: " + Youtube.before_load);
/*if(Player.count == 2){
Player.count = 0;*/
/*console.log("Before: " + Player.before_load);
console.log("Now: " + video_id);
console.log("After: " + Youtube.after_load);
console.log(Youtube.before_load == Youtube.ytplayer.getVideoUrl);*/
curr_playing = Youtube.ytplayer.getVideoUrl().replace("https://www.youtube.com/watch?v=", "");
console.log("After: " + Player.after_load);
console.log(Player.before_load == Player.ytplayer.getVideoUrl);*/
curr_playing = Player.ytplayer.getVideoUrl().replace("https://www.youtube.com/watch?v=", "");
socket.emit("skip", {error: newState.data, id: video_id, pass: adminpass});
//console.log(video_id, Youtube.ytplayer.getVideoUrl(), Youtube.ytplayer.getPlayerState());
//console.log(video_id, Player.ytplayer.getVideoUrl(), Player.ytplayer.getPlayerState());
/*}else{
setTimeout(function(){
Youtube.ytplayer.loadVideoById(video_id);
Youtube.count ++;
Player.ytplayer.loadVideoById(video_id);
Player.count ++;
}, Math.floor((Math.random() * 100) + 1));
}*/
}else if(video_id !== undefined)
Youtube.ytplayer.loadVideoById(video_id);
Player.ytplayer.loadVideoById(video_id);
},
onPlayerReady: function(event) {
$("#channel-load").css("display", "none");
try{
beginning = true;
player_ready = true;
if(!/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream)
{
$("#player").css("opacity", "1");
$("#controls").css("opacity", "1");
$(".playlist").css("opacity", "1");
Youtube.ytplayer.loadVideoById(video_id);
if(autoplay && !window.mobilecheck()) Youtube.ytplayer.playVideo();
Youtube.durationSetter();
if(embed){
setTimeout(function(){
Youtube.ytplayer.seekTo(seekTo);
if(!autoplay){
Youtube.ytplayer.pauseVideo();
Playercontrols.play_pause_show();
}
}, 1000);
}else
Youtube.ytplayer.seekTo(seekTo);
}
Youtube.readyLooks();
Playercontrols.initYoutubeControls(Youtube.ytplayer);
Playercontrols.initSlider();
Youtube.ytplayer.setVolume(Crypt.get_volume());
$(".video-container").removeClass("no-opacity");
beginning = true;
player_ready = true;
if(!/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream)
{
$("#player").css("opacity", "1");
$("#controls").css("opacity", "1");
$(".playlist").css("opacity", "1");
Player.ytplayer.loadVideoById(video_id);
if(autoplay && !window.mobilecheck()) Player.ytplayer.playVideo();
Player.durationSetter();
if(embed){
setTimeout(function(){
Player.ytplayer.seekTo(seekTo);
if(!autoplay){
Player.ytplayer.pauseVideo();
Playercontrols.play_pause_show();
}
}, 1000);
}else
Player.ytplayer.seekTo(seekTo);
}
Player.readyLooks();
Playercontrols.initYoutubeControls(Player.ytplayer);
Playercontrols.initSlider();
Player.ytplayer.setVolume(Crypt.get_volume());
$(".video-container").removeClass("no-opacity");
}catch(e){}
},
readyLooks: function()
{
Youtube.setBGimage(video_id);
Player.setBGimage(video_id);
},
setBGimage: function(id){
@@ -243,7 +242,7 @@ var Youtube = {
socket.on("get_list", function(){
socket.emit('list', chan.toLowerCase());
});
Youtube.setup_youtube_listener(chan);
Player.setup_youtube_listener(chan);
Admin.admin_listener();
Chat.setup_chat_listener(chan);
Chat.allchat_listener();
@@ -251,13 +250,13 @@ var Youtube = {
},
onYouTubeIframeAPIReady: function() {
Youtube.ytplayer = new YT.Player('player', {
Player.ytplayer = new YT.Player('player', {
videoId: video_id,
playerVars: { rel:"0", wmode:"transparent", controls: "0" , iv_load_policy: "3", theme:"light", color:"white"},
events: {
'onReady': Youtube.onPlayerReady,
'onStateChange': Youtube.onPlayerStateChange,
'onError': Youtube.errorHandler
'onReady': Player.onPlayerReady,
'onStateChange': Player.onPlayerStateChange,
'onError': Player.errorHandler
}
});
//Youtube.durationSetter();
@@ -266,13 +265,13 @@ var Youtube = {
durationSetter: function()
{
try{
duration = Youtube.ytplayer.getDuration();
duration = Player.ytplayer.getDuration();
}catch(e){duration = 0};
if(duration != undefined){
try{
dMinutes = Math.floor(duration / 60);
dSeconds = duration - dMinutes * 60;
currDurr = Youtube.ytplayer.getCurrentTime();
currDurr = Player.ytplayer.getCurrentTime();
if(currDurr > duration)
currDurr = duration;
minutes = Math.floor(currDurr / 60);
@@ -288,12 +287,12 @@ var Youtube = {
}
}
if(!Youtube.stopInterval) setTimeout(Youtube.durationSetter, 1000);
if(!Player.stopInterval) setTimeout(Player.durationSetter, 1000);
},
loadPlayer: function() {
if($("script[src='https://www.youtube.com/iframe_api']")["length"] == 1){
Youtube.onYouTubeIframeAPIReady();
Player.onYouTubeIframeAPIReady();
}else{
tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";

46
static/js/playercontrols.js
View File

@@ -52,16 +52,16 @@ var Playercontrols = {
play_pause: function()
{
if(Youtube.ytplayer.getPlayerState() == 1)
if(Player.ytplayer.getPlayerState() == 1)
{
Youtube.ytplayer.pauseVideo();
Player.ytplayer.pauseVideo();
if(window.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){
document.getElementById("player").style.display = "none";
$(".page-footer").toggleClass("padding-bottom-extra");
}
}else if(Youtube.ytplayer.getPlayerState() == 2 || Youtube.ytplayer.getPlayerState() == 0)
}else if(Player.ytplayer.getPlayerState() == 2 || Player.ytplayer.getPlayerState() == 0)
{
Youtube.ytplayer.playVideo();
Player.ytplayer.playVideo();
if(window.mobilecheck() && !/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){
document.getElementById("player").style.display = "block";
$(".page-footer").toggleClass("padding-bottom-extra");
@@ -84,33 +84,33 @@ var Playercontrols = {
changeQuality: function(wantedQ)
{
if(Youtube.ytplayer.getPlaybackQuality != wantedQ)
if(Player.ytplayer.getPlaybackQuality != wantedQ)
{
Youtube.ytplayer.setPlaybackQuality(wantedQ);
Youtube.ytplayer.getPlaybackQuality();
Player.ytplayer.setPlaybackQuality(wantedQ);
Player.ytplayer.getPlaybackQuality();
}
$("#qS").toggleClass("hide");
},
mute_video: function()
{
if(!Youtube.ytplayer.isMuted())
if(!Player.ytplayer.isMuted())
{
Playercontrols.choose_button(0, true);
Youtube.ytplayer.mute();
Player.ytplayer.mute();
}else
{
Youtube.ytplayer.unMute();
Playercontrols.choose_button(Youtube.ytplayer.getVolume(), false);
Player.ytplayer.unMute();
Playercontrols.choose_button(Player.ytplayer.getVolume(), false);
}
},
setVolume: function(vol)
{
Youtube.ytplayer.setVolume(vol);
Player.ytplayer.setVolume(vol);
Playercontrols.choose_button(vol, false);
if(Youtube.ytplayer.isMuted())
Youtube.ytplayer.unMute();
if(Player.ytplayer.isMuted())
Player.ytplayer.unMute();
},
choose_button: function(vol, mute)
@@ -159,35 +159,35 @@ var Playercontrols = {
playPause: function()
{
state = Youtube.ytplayer.getPlayerState();
state = Player.ytplayer.getPlayerState();
button = document.getElementById("playpause");
if(state == 1)
{
Youtube.ytplayer.pauseVideo();
Player.ytplayer.pauseVideo();
}else if(state == 2)
{
Youtube.ytplayer.playVideo();
Player.ytplayer.playVideo();
}
},
volumeOptions: function()
{
if(Youtube.ytplayer.isMuted())
if(Player.ytplayer.isMuted())
{
Youtube.ytplayer.unMute();
vol = Youtube.ytplayer.getVolume();
$("#volume").slider("value", Youtube.ytplayer.getVolume());
Player.ytplayer.unMute();
vol = Player.ytplayer.getVolume();
$("#volume").slider("value", Player.ytplayer.getVolume());
}
else
{
Youtube.ytplayer.mute();
Player.ytplayer.mute();
$("#volume").slider("value", 0);
}
},
hoverMute: function(foo)
{
vol = Youtube.ytplayer.getVolume();
vol = Player.ytplayer.getVolume();
}