daw/page-music.php

<?php
/*
Template Name: Music
*/

get_header(); ?>

	<div class="container">
		<article id="content" class="single" role="main">
			<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
			<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				<div id="music" class="entry-content">
					<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">Music</a></h2>
					<?php the_content(); ?>
					<div class="row">
						<div class="col-sm-12">
							<p>&nbsp;</p>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-2">
							<h5 class="cm-type"><em>Averages:</em></h5>
						</div>
						<div class="col-sm-2">
							<h5 class="cm-type"><em>Types:</em></h5>
						</div>
						<div class="col-sm-4">
						</div>
						<div class="col-sm-4">
						</div>
					</div>
					<div class="row">
						<div class="col-md-4">
							<div class="row">
								<div class="col-sm-6">
									<ul class="list-group">
										<li class="list-group-item active">Tracks</li>
											<li class='list-group-item'>Year<span class='badge'>7151</span></li>
											<li class='list-group-item'>Month<span class='badge'>687</span></li>
											<li class='list-group-item'>Day<span class='badge'>37</span></li>
										</li>
									</ul>
									<ul class="list-group">
										<li class="list-group-item active">Albums</li>
											<li class='list-group-item'>Year<span class='badge'>160</span></li>
											<li class='list-group-item'>Month<span class='badge'>11</span></li>
										</li>
									</ul>
								</div>
								<div class="col-sm-6">		
									<div id="key">

									</div>
								</div>
							</div>
						</div>
						<div class="col-md-8">
							<div class="row">
								<div class="col-sm-6">
									<div class="music-types">
										<canvas id="typechart" width="300" height="300"></canvas>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="music-typed">
										<canvas id="artchart" width="300" height="300"></canvas>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<h5 class="cm-type"><em>By Month:</em></h5>
							<div class="timeline">
								<canvas id="timechart" width="900" height="400"></canvas>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div id="music-notes">
								<p>&nbsp;</p>
								<p><small><sup>*</sup>Note: 12 categories are limiting. Bluegrass is country, Rhythm and Blues includes Fats Domino and Mary J. Blige. Peter Tosh is World music. Brian Eno is somtimes ambient and sometimes electronic. I tagged alot of pop music as electronic when I hear very few real instruments. On the monthly chart, I've capped the play count at 200. </small></p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div id="music-notes">
							<p>&nbsp;</p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div id="linechart"></div>
						</div>
					</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>
					
					<div class="row">
						<div class="col-sm-12">							
							<?php class NowPlaying{
							    private $url;
							    private $noTrackPlayingMessage;
							    function __construct($user, $api_key){
							        $this->url  = 'http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&limit=1';
							        $this->url .= '&user=' . $user . '&api_key=' . $api_key;
							        $this->noTrackPlayingMessage = 'All Quiet - Silence is Golden';
							    }
							    public function getNowPlaying(){
							        $xml = simplexml_load_file($this->url);
							        $track = $xml->recenttracks->track;
							        $nowplaying = $track->attributes()->nowplaying;
							        if($nowplaying){
							            $artist = $track->artist;
							            $songname = $track->name;
										$albumname = $track->album;
							            return '<img src="../../wp-content/themes/dw/img/eq.gif"> ' . $artist . ' - ' . $songname  . ' : ' . $albumname;
							        }
							        else{
							            return $this->noTrackPlayingMessage;
							        }
							    }
							    public function setNoTrackPlayingMessage($messageIn){
							        $this->noTrackPlayingMessage = $messageIn;
							    }
							} 
							$nowPlaying = new NowPlaying('windhamdavid', 'e12ea1d0253898ee9a93edfe42ffdeab');
							?>
							<h5 class="cm-type"><em>Now Playing</em></h5>
							<ul class="list-group">
								<li class="list-group-item">
	
									<h5><?php echo $nowPlaying->getNowPlaying(); ?></h5>
								</li>
								
							</ul>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<h5 class="cm-type"><em>Recently Played</em></h5>
							<ul class="list-group">
								<div class="recent"></div>
							</ul>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<h5 class="cm-type"><em>Artists: 7 Days</em></h5>
							<ul class="list-group">
								<div class="wartists"></div>
							</ul>
						</div>
						<div class="col-sm-8">
							<h5 class="cm-type"><em>Tracks: 7 Days</em></h5>
							<ul class="list-group">
								<div class="wtracks"></div>
							</ul>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<h5 class="cm-type"><em>Artists: 3 Month</em></h5>
							<ul class="list-group">
								<div class="martists"></div>
							</ul>
						</div>
						<div class="col-sm-8">
							<h5 class="cm-type"><em>Tracks: 3 Month</em></h5>
							<ul class="list-group">
								<div class="mtracks"></div>
							</ul>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<h5 class="cm-type"><em>Artists: 6 Months</em></h5>
							<ul class="list-group">
								<div class="artists"></div>
							</ul>
						</div>
						<div class="col-sm-8">
							<h5 class="cm-type"><em>Tracks: 6 Months</em></h5>
							<ul class="list-group">
								<div class="tracks"></div>
							</ul>
						</div>
					</div>
					
					<h5 class="cm-type"><em>Top 200 Albums From the Last Year</em></h5>
					<div class="albums"></div>
				</div>
			</div>
			<?php endwhile; ?>
		</article>
	</div>
<?php get_footer(); ?>