2014-11-04 02:51:47 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2014-11-04 05:12:19 +00:00
|
|
|
<title>Winamp2-js</title>
|
2014-11-04 02:51:47 +00:00
|
|
|
<link rel='stylesheet' type='text/css' href='winamp.css' />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id='winamp'>
|
2014-11-04 05:12:28 +00:00
|
|
|
<audio id='player'></audio>
|
2014-11-04 02:51:47 +00:00
|
|
|
<div id='title-bar' class='selected'>
|
|
|
|
|
<div id='option'></div>
|
2014-11-08 02:51:24 +00:00
|
|
|
<div id='shade-time'>
|
|
|
|
|
<div id='shade-minus-sign'></div>
|
|
|
|
|
<div id='shade-minute-first-digit' class='character'></div>
|
|
|
|
|
<div id='shade-minute-second-digit' class='character'></div>
|
|
|
|
|
<div id='shade-second-first-digit' class='character'></div>
|
|
|
|
|
<div id='shade-second-second-digit' class='character'></div>
|
|
|
|
|
</div>
|
2014-11-04 02:51:47 +00:00
|
|
|
<div id='minimize'></div>
|
|
|
|
|
<div id='shade'></div>
|
|
|
|
|
<div id='close'></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='status'>
|
|
|
|
|
<div id='clutter-bar' class='disabled'></div>
|
|
|
|
|
<div id='play-pause' class='stop'>
|
2014-11-09 04:35:52 +00:00
|
|
|
<div id='work-indicator'></div>
|
2014-11-04 02:51:47 +00:00
|
|
|
</div>
|
|
|
|
|
<div id='time'>
|
|
|
|
|
<div id='minus-sign'></div>
|
|
|
|
|
<div id='minute-first-digit'></div>
|
|
|
|
|
<div id='minute-second-digit'></div>
|
|
|
|
|
<div id='second-first-digit'></div>
|
|
|
|
|
<div id='second-second-digit'></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id='visualization'></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='media-info'>
|
2014-11-05 05:04:40 +00:00
|
|
|
<div id='song-title' class='text'></div>
|
|
|
|
|
<div id='volume-message' class='text'></div>
|
|
|
|
|
<div id='balance-message' class='text'></div>
|
2014-11-04 02:51:47 +00:00
|
|
|
<div id='kbps'></div>
|
|
|
|
|
<div id='khz'></div>
|
|
|
|
|
<div class='mono-stereo'>
|
|
|
|
|
<div id='mono' class=''></div>
|
|
|
|
|
<div id='stereo' class='selected'></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<input id='volume' type='range' min='0' max='100' step='1' value='50' />
|
2014-11-05 05:04:40 +00:00
|
|
|
<input id='balance' type='range' min='-100' max='100' step='2' value='0' />
|
2014-11-04 02:51:47 +00:00
|
|
|
<div class='windows'>
|
|
|
|
|
<div id='equalizer'></div>
|
|
|
|
|
<div id='playlist'></div>
|
|
|
|
|
</div>
|
|
|
|
|
<input id='position' type='range' min='0' max='100' step='1' value='0' />
|
|
|
|
|
<div class='actions'>
|
|
|
|
|
<div id='previous'></div>
|
|
|
|
|
<div id='play'></div>
|
|
|
|
|
<div id='pause'></div>
|
|
|
|
|
<div id='stop'></div>
|
|
|
|
|
<div id='next'></div>
|
|
|
|
|
</div>
|
2014-11-04 05:12:28 +00:00
|
|
|
<div id='eject'>
|
|
|
|
|
<input id="file-input" type="file" />
|
|
|
|
|
</div>
|
2014-11-04 02:51:47 +00:00
|
|
|
<div class='shuffle-repeat'>
|
|
|
|
|
<div id="shuffle"></div>
|
|
|
|
|
<div id="repeat"></div>
|
|
|
|
|
</div>
|
2014-11-04 05:12:19 +00:00
|
|
|
<a id='about' target='_blank' href='https://github.com/captbaritone/winamp2-js'></a>
|
2014-11-04 02:51:47 +00:00
|
|
|
</div>
|
2014-11-04 05:12:19 +00:00
|
|
|
<p style="position: absolute; bottom: 0;">by <a href='https://twitter.com/captbaritone'>@captbaritone</a> - <a href='https://github.com/captbaritone/winamp2-js'>GitHub</a></p>
|
2014-11-04 02:51:47 +00:00
|
|
|
<script src="winamp.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
