2014-11-04 02:51:47 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2014-11-28 09:30:17 +00:00
|
|
|
<title>Winamp2-js</title>
|
2014-11-12 07:02:38 +00:00
|
|
|
<meta charset="utf-8" />
|
2014-11-28 09:28:15 +00:00
|
|
|
<meta name="description" content="Winamp 2.9 reimplemented in HTML5 and JavaScript" />
|
2014-11-28 09:30:17 +00:00
|
|
|
<meta property="og:title" content="Winamp2-js • Winamp in your browser" />
|
2014-11-28 09:28:15 +00:00
|
|
|
<meta property="og:description" content="Winamp 2.9 reimplemented in HTML5 and JavaScript" />
|
2014-11-26 21:00:27 +00:00
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
|
<meta property="og:url"
|
2014-11-27 12:58:44 +00:00
|
|
|
content="http://jordaneldredge.com/projects/winamp2-js/" />
|
2014-11-26 21:00:27 +00:00
|
|
|
<meta property="og:image"
|
|
|
|
|
content="http://jordaneldredge.com/projects/winamp2-js/preview.png" />
|
2014-11-04 02:51:47 +00:00
|
|
|
<link rel='stylesheet' type='text/css' href='winamp.css' />
|
2014-11-13 07:04:58 +00:00
|
|
|
<style id='skin' media="screen" type="text/css"></style>
|
2014-11-04 02:51:47 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2014-11-23 12:00:11 +00:00
|
|
|
<div id='winamp' class='loading stop'>
|
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'>
|
2014-11-16 14:17:25 +00:00
|
|
|
<div id='clutter-bar'></div>
|
2014-11-17 05:09:24 +00:00
|
|
|
<div id='play-pause'></div>
|
|
|
|
|
<div id='work-indicator'></div>
|
2014-11-04 02:51:47 +00:00
|
|
|
<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>
|
2014-12-04 02:35:54 +00:00
|
|
|
<canvas id='visualizer' width='150' height='30'></canvas>
|
2014-11-04 02:51:47 +00:00
|
|
|
</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-15 01:43:10 +00:00
|
|
|
<div id='position-message' class='text'></div>
|
2014-11-04 02:51:47 +00:00
|
|
|
<div id='kbps'></div>
|
|
|
|
|
<div id='khz'></div>
|
|
|
|
|
<div class='mono-stereo'>
|
2014-11-17 19:21:07 +00:00
|
|
|
<div id='mono'></div>
|
|
|
|
|
<div id='stereo'></div>
|
2014-11-04 02:51:47 +00:00
|
|
|
</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-12-03 03:07:48 +00:00
|
|
|
<script src="http://cdn.bootcss.com/jszip/2.4.0/jszip.min.js"></script>
|
2014-11-16 13:22:58 +00:00
|
|
|
|
|
|
|
|
<script src="file-manager.js"></script>
|
2014-11-17 08:00:50 +00:00
|
|
|
<script src="visualizer.js"></script>
|
2014-11-13 06:23:15 +00:00
|
|
|
<script src="media.js"></script>
|
|
|
|
|
<script src="font.js"></script>
|
2014-11-20 06:55:26 +00:00
|
|
|
<script src="skin.js"></script>
|
2014-11-04 02:51:47 +00:00
|
|
|
<script src="winamp.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
