/
index.html.conflict
146 lines (135 loc) · 6.03 KB
/
index.html.conflict
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!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;">
</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;">
</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>