windhamdavid 5 years ago
parent
commit
1e2e6e5ec4
1 changed files with 34 additions and 17 deletions
  1. 34 17
      page-music.php

+ 34 - 17
page-music.php

@@ -99,7 +99,33 @@ get_header(); ?>
 					</div>
 					<div class="row">
 						<div class="col-sm-12">
-							
+							<div id="player-container">
+								<div id="amplitude-album-art">
+									<img src="images/wtmj620.png"/>
+								</div>
+								<div id="player">
+									<div id="song-information">
+										<span id="amplitude-now-playing-name"></span><br>
+										<span id="amplitude-now-playing-album"></span>
+									</div>
+								<div id="controls">
+									<div id="amplitude-play-pause" class="amplitude-paused"></div><br>
+										<span id="amplitude-current-time">0:00</span>
+									</div>
+									<input class="bar" type="range" id="amplitude-volume-slider" value="0"/>
+								</div>
+							</div>
+										
+							<div id="jplayer" class="jp-jplayer"></div>
+							<div id="jp_container_1" class="jp-audio-stream">
+								<div class="jp-gui jp-interface">
+									<ul class="jp-controls">
+										<li><a href="javascript:;" title="play" class="jp-play" tabindex="1">play</a></li>
+										<li><a href="javascript:;" title="pause" class="jp-pause" tabindex="1">pause</a></li>
+									</ul>
+									<div class="jp-current-time"></div>
+								</div>
+							</div>
 						</div>
 					</div>
 					
@@ -134,22 +160,13 @@ get_header(); ?>
 							$nowPlaying = new NowPlaying('windhamdavid', 'e12ea1d0253898ee9a93edfe42ffdeab');
 							?>
 							<h5 class="cm-type"><em>Now Playing</em></h5>
-							<div class="panel panel-default">
-								<div class="panel-heading"><h5><?php echo $nowPlaying->getNowPlaying(); ?></h5></div>
-								<div id="player-container">
-									<div id="player">
-										<div id="song-information">
-											<span id="amplitude-now-playing-name">WTMJ 620 AM</span><br>
-											<span id="amplitude-now-playing-album">Milwaukee, WI</span>
-										</div>
-									<div id="controls">
-										<div id="amplitude-play-pause" class="amplitude-paused"></div><br>
-											<span id="amplitude-current-time">0:00</span>
-										</div>
-										<input class="bar" type="range" id="amplitude-volume-slider" value="0"/>
-									</div>
-								</div>
-							</div>
+							<ul class="list-group">
+								<li class="list-group-item">
+	
+									<h5><?php echo $nowPlaying->getNowPlaying(); ?></h5>
+								</li>
+								
+							</ul>
 						</div>
 					</div>
 					<div class="row">