Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
161 lines (134 sloc) 6.42 KB
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: -->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<meta charset="utf-8">
<title>rAdio :: Accessible rdio Player</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile viewport optimized: -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- CSS: implied media=all -->
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.17.custom.css">
<link href="" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/style.css">
<style type="text/css">
#slider { margin: 10px; }
<!-- end CSS-->
<script src="js/libs/modernizr-2.0.6.min.js"></script>
<body role="application">
<div id="container">
<h1 class="logo_thick">r<em>a</em>dio</h1>
<div id="main" role="main">
<section id="shortcut_keys" class= "focusable box_shadow_big visuallyhidden" tabindex="0">
<!-- class 'visuallyhidden' must be last -->
<h2 tabindex="1">Shortcut Keys</h2>
<h3 tabindex="2">You may use the following commands on your keyboard to access shortcuts for this player</h3>
<ul id="shortcuts" role="list" tabindex="3">
<li role="listitem" class="shortcut">&#63;</li>
<li role="listitem">shortcut key listing - this menu</li>
<li role="listitem" class="shortcut">spacebar</li>
<li role="listitem">play or pause the the music player</li>
<li role="listitem" class="shortcut">right arrow key</li>
<li role="listitem">previous song</li>
<li role="listitem" class="shortcut">left arrow key</li>
<li role="listitem">next song</li>
<li role="listitem" class="shortcut">up arrow key</li>
<li role="listitem">increase volume</li>
<li role="listitem" class="shortcut">down arrow key</li>
<li role="listitem">decrease volume</li>
<li role="listitem" class="shortcut">f</li>
<li role="listitem">fast forwards music 10 seconds</li>
<li role="listitem" class="shortcut">d</li>
<li role="listitem">rewind music 10 seconds</li>
<div id="apiswf"></div>
<section id="radio_player" class="box_round">
<section class="clearfix" >
<div><img src="img/cd.png" alt="Album Art" id="album_art"/></div>
<div id="song_title"></div>
<div id="artist"></div><br />
<div id="album"></div>
<input id="play_key" class="hidden" value="a997982"><br />
<div id="songProgress"></div> <!-- REPLACED WITH SEEK BAR -->
<div id= "playerTime"></div> <!-- REPLACED WITH TEXT SHOWING TRACK POSITION -->
<div id="play-backContainer" class="box_round">
<div class="clearfix" id="inner_container">
<div id="player_container">
<div id="player_image_container">
<div class="clearfix" id="playerNowPlayingContainer">
<div class="clearfix">
<button class="" title="play previous song" id="previous"></button>
<button class="" title="play song" id="playPause"></button>
<button class="" title="pause song" id="pauseButton"></button>
<button class="" id="next" title="play next song"></button>
</div> <!-- end #playerNowPlayingContainer-->
<div id="volumeControlContainer">
<div id="slider-range-min"></div>
</div> <!-- end #play-backContainer -->
<section id= "playlist-wrapper" class= "box_round">
<section id= "playlist">
<a href="#" class= "playlistEntry" rel= "0">
<img src="" alt="Album Art" id="album_art"/>
<div id="artist">The Morning Benders</div><br />
<div id="album">Big Echo</div>
<a href="#" class= "playlistEntry" rel= "1">
<img src="" alt="Album Art" id="album_art"/>
<div id="artist">M83</div><br />
<div id="album">Hurry Up We're Dreaming</div>
<!-- Footer -->
<footer class="clearfix">
<ul id= "poweredBy">
<li class="first">&copy; 2012 by TeamGreen</li>
<li style= "float: right;"><em>created by:</em><br/> Team Green</li>
<li style= "float: right;"><em>sponsored by:</em><br/> <a title=" website" href=""><img height="30" src="img/pp_logo.png" alt=" logo"></a></li>
<li style= "float: right;"><em>powered by:</em><br/>
<a title=" website" href="hhtp://"><img height="30" src="img/RdioBlueLogo.png" alt=" logo"></a></li>
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<script src=""></script>
<script src="js/token.js"></script>
<script src="js/controls.js"></script>
<script src=""></script>
<script src="js/shortcuts.js"></script>
<!-- scripts concatenated and minified via ant build script-->
<script defer src="js/plugins.js"></script>
<script defer src="js/script.js"></script>
<!-- end scripts-->
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6. -->
<!--[if lt IE 7 ]>
<script src="//"></script>