KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

god

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2014-08-08 18:02:22 +02:00
parent 5b02294f38
commit 84df1eb320
7 changed files with 172 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
main.js
View File

@@ -1,95 +0,0 @@
$(document).ready(function()
{
/**
TODO:
-legge til timer når man trykker pause for at når man "unpauser", går den dit den ville vært, hvis videoen ville blitt ferdig, load en ny video men ha den på pause
-legge til tid når en video ble påbegynt, for at hvis folk joiner midt i en video, hopper den dit
*/
/**
Fetcher sangen som spilles fra JSON filen
*/
var response = $.ajax({ type: "GET",
url: "videos.json",
async: false
}).responseText;
var url = $.parseJSON(response);
response = url[0];
/**
Legger sangen inn i <div>en, via swfobject
*/
var params = { allowScriptAccess: "always"};
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/"+response+"?enablejsapi=1&playerapiid=ytplayer&version=3&controls=1&iv_load_policy=3",
"ytapiplayer", "825", "462", "8", null, null, params, atts);
/**
eventlistener for når playeren endres
*/
function onytplayerStateChange(newState) {
if(newState == 0) //newState = 0 når videoen er ferdig
{
$.ajax({ //snutt for å kjøre save.php som lagrer til jsonfilen neste sang og denne sangen. Endrer rekkefølge altså.
type: "POST",
url: "save.php",
data: "thisUrl="+response,
success: function() {
console.log("saved");
}
});
setTimeout(function(){ //har en timeout for at den skal klare å fetche hva den neste sangen er etter at save.php har endret på ting
response = $.ajax({ type: "GET",
url: "videos.json",
async: false
}).responseText;
var url = $.parseJSON(response);
response = url[0];
ytplayer.loadVideoById(response);
},100);
}
}
function errorHandler(newState) //errorhandler. Fjerner urlen til en "dårlig" video og går til neste
{
$.ajax({
type: "POST",
url: "delete.php",
data: "thisUrl="+response,
success: function() {
console.log("deleted");
}
});
setTimeout(function(){
response = $.ajax({ type: "GET",
url: "videos.json",
async: false
}).responseText;
var url = $.parseJSON(response);
response = url[0];
ytplayer.loadVideoById(response);
},100);
}
function onYouTubePlayerReady(playerId) { //funksjon som kjøres når playeren er klar
ytplayer = document.getElementById("myytplayer");
ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); //eventlistenere
ytplayer.addEventListener("onError", "errorHandler");
//ytplayer.seekTo(ytplayer.getDuration()-10);
ytplayer.setVolume(100);
ytplayer.playVideo();
}
});

15
main.php
View File

@@ -1,15 +0,0 @@
<?php
/*$host = 'http://'.$_SERVER['HTTP_HOST'].'/+';
$short = $_SERVER['QUERY_STRING'];*/
$video = htmlspecialchars($_POST['v']);
$name = htmlspecialchars($_POST['n']);
$file = file_get_contents('videos.json');
$data = json_decode($file);
unset($file);
if(isset($_GET['v'])){
array_push($data, $video);
file_put_contents('videos.json', json_encode($data));
}
?>

154
save.sublime-workspace Normal file
View File

@@ -0,0 +1,154 @@
{
"auto_complete":
{
"selected_items":
[
]
},
"buffers":
[
],
"build_system": "",
"command_palette":
{
"height": 0.0,
"selected_items":
[
],
"width": 0.0
},
"console":
{
"height": 0.0,
"history":
[
]
},
"distraction_free":
{
"menu_visible": true,
"show_minimap": false,
"show_open_files": false,
"show_tabs": false,
"side_bar_visible": false,
"status_bar_visible": false
},
"file_history":
[
],
"find":
{
"height": 0.0
},
"find_in_files":
{
"height": 0.0,
"where_history":
[
]
},
"find_state":
{
"case_sensitive": false,
"find_history":
[
],
"highlight": true,
"in_selection": false,
"preserve_case": false,
"regex": false,
"replace_history":
[
],
"reverse": false,
"show_context": true,
"use_buffer2": true,
"whole_word": false,
"wrap": true
},
"groups":
[
{
"sheets":
[
]
}
],
"incremental_find":
{
"height": 0.0
},
"input":
{
"height": 0.0
},
"layout":
{
"cells":
[
[
0,
0,
1,
1
]
],
"cols":
[
0.0,
1.0
],
"rows":
[
0.0,
1.0
]
},
"menu_visible": true,
"output.find_results":
{
"height": 0.0
},
"project": "save.sublime-project",
"replace":
{
"height": 0.0
},
"save_all_on_build": true,
"select_file":
{
"height": 0.0,
"selected_items":
[
],
"width": 0.0
},
"select_project":
{
"height": 0.0,
"selected_items":
[
],
"width": 0.0
},
"select_symbol":
{
"height": 0.0,
"selected_items":
[
],
"width": 0.0
},
"settings":
{
},
"show_minimap": true,
"show_open_files": false,
"show_tabs": true,
"side_bar_visible": true,
"side_bar_width": 150.0,
"status_bar_visible": true,
"template_settings":
{
}
}

29
static/style.css → style.css
View File

@@ -1,16 +1,15 @@
body{background:#444; overflow: hidden;}
.top, .top a {
font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center;
animation: fadein .5s; -moz-animation: fadein .5s; -webkit-animation: fadein .5s; -o-animation: fadein .5s;
}
.top div{color:#ed207f;}
.vcent{position: relative; top: 50%; transform: translateY(-50%);}
.face{line-height: 1; font-size: 29vw; word-spacing: 60px; margin-top: -7%;}
.innbox, .innbox a{width:80%; height: 50px; font-family: 'Open Sans', sans-serif; font-size: 25px; color:#f15; text-align: center;}
.small, .small a{font-size: 5vw; color:#E2E2E2; display:block !important; text-decoration: none;}
.small a:hover{color:#ed207f;}
.daform{margin-bottom: 20px;}
.big{font-size:180vh; position:absolute; top:-100%; color:#000 !important; z-index:-1;}
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
body{background:#444; overflow: hidden;}
.top, .top a {
font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center;
animation: fadein .5s; -moz-animation: fadein .5s; -webkit-animation: fadein .5s; -o-animation: fadein .5s;
}
.top div{color:#ed207f;}
.vcent{position: relative; top: 50%; transform: translateY(-50%);}
.face{line-height: 1; font-size: 29vw; word-spacing: 60px; margin-top: -7%;}
.innbox, .innbox a{width:80%; height: 50px; font-family: 'Open Sans', sans-serif; font-size: 25px; color:#f15; text-align: center;}
.small, .small a{font-size: 5vw; color:#E2E2E2; display:block !important; text-decoration: none;}
.small a:hover{color:#ed207f;}
.daform{margin-bottom: 20px;}
.big{font-size:180vh; position:absolute; top:-100%; color:#000 !important; z-index:-1;}
@-webkit-keyframes fadein{from {opacity:0;}to{opacity:1;}}@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

6
static/swfobject.js → swfobject.js
View File

File diff suppressed because one or more lines are too long

1
videos.json~ Normal file
View File

@@ -0,0 +1 @@
["eTwQ4kACymM","y6DHE_5drbM","A8P01EjBQxY","dMrmfub2TBw","BSAUJIRqAF4","mG6pm1WZ2uc"]

104
vidhandling.php
View File

@@ -1,104 +0,0 @@
<?php echo "hello"; ?>
<div id="ytapiplayer">
You need Flash player 8+ and JavaScript enabled to view this video :(
</div>
<script type="text/javascript" src="static/swfobject.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
/**
TODO:
-legge til timer når man trykker pause for at når man "unpauser", går den dit den ville vært, hvis videoen ville blitt ferdig, load en ny video men ha den på pause
-legge til tid når en video ble påbegynt, for at hvis folk joiner midt i en video, hopper den dit
*/
/**
Fetcher sangen som spilles fra JSON filen
*/
var response = $.ajax({ type: "GET",
url: "videos.json",
async: false
}).responseText;
var url = $.parseJSON(response);
response = url[0];
/**
Legger sangen inn i <div>en, via swfobject
*/
var params = { allowScriptAccess: "always"};
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/"+response+"?enablejsapi=1&playerapiid=ytplayer&version=3&controls=1&iv_load_policy=3",
"ytapiplayer", "825", "462", "8", null, null, params, atts);
/**
eventlistener for når playeren endres
*/
function onytplayerStateChange(newState) {
if(newState == 0) //newState = 0 når videoen er ferdig
{
$.ajax({ //snutt for å kjøre save.php som lagrer til jsonfilen neste sang og denne sangen. Endrer rekkefølge altså.
type: "POST",
url: "save.php",
data: "thisUrl="+response,
success: function() {
console.log("saved");
}
});
setTimeout(function(){ //har en timeout for at den skal klare å fetche hva den neste sangen er etter at save.php har endret på ting
response = $.ajax({ type: "GET",
url: "videos.json",
async: false
}).responseText;
var url = $.parseJSON(response);
response = url[0];
ytplayer.loadVideoById(response);
},100);
}
}
function errorHandler(newState) //errorhandler. Fjerner urlen til en "dårlig" video og går til neste
{
$.ajax({
type: "POST",
url: "delete.php",
data: "thisUrl="+response,
success: function() {
console.log("deleted");
}
});
setTimeout(function(){
response = $.ajax({ type: "GET",
url: "videos.json",
async: false
}).responseText;
var url = $.parseJSON(response);
response = url[0];
ytplayer.loadVideoById(response);
},100);
}
function onYouTubePlayerReady(playerId) { //funksjon som kjøres når playeren er klar
ytplayer = document.getElementById("myytplayer");
ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); //eventlistenere
ytplayer.addEventListener("onError", "errorHandler");
//ytplayer.seekTo(ytplayer.getDuration()-10);
ytplayer.setVolume(100);
ytplayer.playVideo();
}
});
</script>