Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: alpah2-release
Fetching contributors…

Cannot retrieve contributors at this time

147 lines (135 sloc) 6.175 kb
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<!--video-js-->
<script src="http://vjs.zencdn.net/c/video.js"></script>
<!--//video-js-->
</head>
<body class="bg1 nooverflow">
<div id="whiteout"></div>
<div id="fullscreen" ></div>
<div id="container" class="bg1">
<header class="bg1 paddingset">
<div id="jarvis_logo" class="padding_5">
<img src="img/jarvis_logo.png" />
</div>
<div id="media_select" class="center bg1">
<div id="media_select_btn_container" class="">
<div id="media_select_img" onclick="picturejs();musicGhostBar(this);" class="buttons_media_pics bg2 marginset"></div>
<div id="media_select_songs" onclick="songsjs();musicGhostBar(this);" class="buttons_media_music bg2 marginset"></div>
<div id="media_select_vids" onclick="videojs();musicGhostBar(this);" class="buttons_media_vids bg2 marginset"></div>
</div>
</div>
<div id="media_select_level2" class="bg1">
<!--Ghost bar for music-->
<div id="media_select_level3" class="center">
<div id = "music_artist" class="music_artist" onclick="jarvis.webdb.getMediaBy(loadMedia,'songs','artist')"></div>
<div id = "music_album" class="music_album" onclick="jarvis.webdb.getMediaBy(loadMedia,'songs','album')"></div>
<div id = "music_genre" class="music_genre" onclick="jarvis.webdb.getMediaBy(loadMedia,'songs','genre')"></div>
<div id = "music_songs" class="music_songs" onclick="jarvis.webdb.getMediaBy(loadMedia,'songs','title')"></div>
</div>
</div>
<div id="resize_buttons" class="bg1">
<div id="resize_right" onclick="resizePanes(this)" class= "float_r"></div>
<div id="resize_reset" onclick="resizePanes(this)" class="float_r"></div>
<div id="resize_left" onclick="resizePanes(this)" class="float_r"></div>
</div>
</header>
<!-- GENRE ARTIST ALBUM SONGS -->
<div id="main" class="bg3 nooverflow">
<div id="main_leftpanel" class="bg2 float_l overflow_hidden text_color">
<ul id="main_leftpanel_list">
</ul>
</div>
<div id="main_rightpanel" class="bg3 float_r overflow_hidden">
<div id="rightpanel_top" class="bg2 padding_5">
<!-- video tag goes here -->
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
function songsjs(){
document.getElementById('video').hidden='true';
document.getElementById('picture').hidden='true';
}
function videojs(){
alert("it got to video js");
document.getElementById('song').hidden='true';
document.getElementById('picture').hidden='true';
//document.getElementById('video').hidden="false";
}
function picturejs(){
document.getElementById('song').hidden='true';
document.getElementById('video').hidden='true';
}
</script>
<section id="video">
<video id="mainvideo" class="video-js vjs-default-skin" hidden="hidden" preload
controls
data-setup="{}"> <source src="media/video/Kanye_Jayz_Niggas_in_paris.mp4" type='video/mp4'>
</video>
</form>
<section id="song" >
<audio autoplay="false"
src="media/song/NiggasInParis.mp3" type="audio/mp3" >
</audio>
</section>
<section id="picture" >
<img src="http://ts4.mm.bing.net/images/thumbnail.aspx?q=1579813044439&id=fc8f9b7b3ec77e543010ff1e4cea2581&url=http%3a%2f%2fwww.yourlogoresources.com%2fwp-content%2fuploads%2f2011%2f09%2f2014-world-cup-logo.png" />
</section>
</div>
<div id="rightpanel_bottom" class="bg2 padding_5">
<!-- These will all need to be templates depending on media type -->
<div id="media_SONG" class="mediameta center_hor nooverflow center_ver text_color">
<!-- <script type="text/javascript">
media = JSON.parse(localStorage.getItem("media"));
document.write(media.VIDEO.videos[0].title);
document.write(media.VIDEO.videos[0].ID);
document.write(media.VIDEO.videos[0].type);
</script> -->
</div>
<!-- DO NOT REMOVE THE FOLLOWING: -->
<!-- <div id="media_VIDEO" class="mediameta">
<div id="media_title" class="nooverflow">Video Title</div>
</div>
<div id="media_IMAGES" class="mediameta">
<div id="media_title" class="nooverflow">Image Title</div>
</div> -->
</div>
</div>
</div>
<footer class="bg4 paddingset">
<div id="container_controls" class="bg1">
<div id="prev_img" class="buttons_controls_prev"></div>
<div id="play_pause_img" onclick= "playPause()" class="buttons_controls_play_pause bg2 "></div>
<div id="next_img" class="buttons_controls_next bg2" onclick="testJSON()"></div>
<div id="play_time_bar" class= "play_time bg1">
<FONT COLOR="262c32">0:00:00</FONT>;
</div>
<div id="progress" onclick= "seek()" class = "trackbar bg2">
<p style="position: absolute; left: 0; top: 0; background-color: #34b4e3; height: 100%; font-size: 0px;">
&nbsp;
</p>
</div>
<div id="volumeIcon" onclick = "mute()" class="volume_icon bg2"></div>
<div id="volumeBar" onclick= "changeVolume()" class = "volume">
<p style="position: absolute; left: 0; top: 0; background-color: #34b4e3; height: 100%; font-size: 0px;">
&nbsp;
</p>
</div>
<div id="fullscreenIcon" onclick = "fullscreen()" class="fullscreen bg2 "></div>
</div>
</div>
</footer>
</div> <script src="js/libs/jquery-1.6.2.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/db.js"></script>
<script src="js/script.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.