|
|
@@ -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">
|
