mirror of
https://github.com/captbaritone/webamp.git
synced 2026-01-23 18:25:30 +00:00
148 lines
7.5 KiB
HTML
Executable file
148 lines
7.5 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Winamp2-js</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="Winamp 2.9 reimplemented in HTML5 and JavaScript" />
|
|
<meta property="og:title" content="Winamp2-js • Winamp in your browser" />
|
|
<meta property="og:description" content="Winamp 2.9 reimplemented in HTML5 and JavaScript" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="http://jordaneldredge.com/projects/winamp2-js/" />
|
|
<meta property="og:image" content="http://jordaneldredge.com/projects/winamp2-js/preview.png" />
|
|
<link rel='stylesheet' type='text/css' href='css/winamp.css?inline' />
|
|
<link rel='stylesheet' type='text/css' href='css/context-menu.css?inline' />
|
|
<link rel="shortcut icon" sizes="16x16 32x32" href="favicon.ico">
|
|
</head>
|
|
<body>
|
|
<div id='main-window' class='loading stop'>
|
|
<div id='loading'>Loading...</div>
|
|
<div id='title-bar' class='selected'>
|
|
<div id='option'>
|
|
<ul id='context-menu'>
|
|
<li><a href='https://github.com/captbaritone/winamp2-js' target='_blank'>Winamp2-js...</a></li>
|
|
<li class='hr'><hr /></li>
|
|
<li id='context-play-file'>Play File...</li>
|
|
<li class='parent'>
|
|
<ul>
|
|
<li id='context-load-skin'>Load Skin...</li>
|
|
<li class='hr'><hr /></li>
|
|
<li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/base-2.91.wsz'><Base Skin></li>
|
|
<li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/MacOSXAqua1-5.wsz'>Mac OSX v1.5 (Aqua)</li>
|
|
<li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/TopazAmp1-2.wsz'>TopazAmp</li>
|
|
<li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/Vizor1-01.wsz'>Vizor</li>
|
|
<li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/XMMS-Turquoise.wsz'>XMMS Turquoise </li>
|
|
<li class='skin-select' data-skin-url='https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/ZaxonRemake1-0.wsz'>Zaxon Remake</li>
|
|
</ul>
|
|
Skins
|
|
</li>
|
|
<li class='hr'><hr /></li>
|
|
<li id='context-exit'>Exit</li>
|
|
</ul>
|
|
</div>
|
|
<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>
|
|
<div id='minimize'></div>
|
|
<div id='shade'></div>
|
|
<div id='close'></div>
|
|
</div>
|
|
<div class='status'>
|
|
<div id='clutter-bar'>
|
|
<div id='button-o'></div>
|
|
<div id='button-a'></div>
|
|
<div id='button-i'></div>
|
|
<div id='button-d'></div>
|
|
<div id='button-v'></div>
|
|
</div>
|
|
<div id='play-pause'></div>
|
|
<div id='work-indicator'></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>
|
|
<canvas id='visualizer' width='152' height='32'></canvas>
|
|
</div>
|
|
<div class='media-info'>
|
|
<div id='song-title' class='text'></div>
|
|
<div id='kbps'></div>
|
|
<div id='khz'></div>
|
|
<div class='mono-stereo'>
|
|
<div id='mono'></div>
|
|
<div id='stereo'></div>
|
|
</div>
|
|
</div>
|
|
<input id='volume' type='range' min='0' max='100' step='1' value='50' />
|
|
<input id='balance' type='range' min='-100' max='100' step='2' value='0' />
|
|
<div class='windows'>
|
|
<div id='equalizer-button'></div>
|
|
<div id='playlist-button'></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>
|
|
<div id='eject'></div>
|
|
<div class='shuffle-repeat'>
|
|
<div id="shuffle"></div>
|
|
<div id="repeat"></div>
|
|
</div>
|
|
<a id='about' target='_blank' href='https://github.com/captbaritone/winamp2-js'></a>
|
|
</div>
|
|
<div id='browser-compatibility'>
|
|
<p>Your browser does not support the features we need</p>
|
|
<p>Try using the most recent version of Chrome, Firefox or Safari</p>
|
|
</div>
|
|
<p class='about'>
|
|
by <a href='https://twitter.com/captbaritone'>@captbaritone</a>
|
|
-
|
|
<a href='https://github.com/captbaritone/winamp2-js'>GitHub</a>
|
|
</p>
|
|
<script src="js/jszip.2.4.0.min.js?inline"></script>
|
|
<script src="js/browser.js?inline"></script>
|
|
<script src="js/file-manager.js?inline"></script>
|
|
<script src="js/visualizer.js?inline"></script>
|
|
<script src="js/media.js?inline"></script>
|
|
<script src="js/font.js?inline"></script>
|
|
<script src="js/skin.js?inline"></script>
|
|
<script src="js/multi-display.js?inline"></script>
|
|
<script src="js/hotkeys.js?inline"></script>
|
|
<script src="js/context.js?inline"></script>
|
|
<script src="js/window-manager.js?inline"></script>
|
|
<script src="js/main-window.js?inline"></script>
|
|
<script src="js/winamp.js?inline"></script>
|
|
<script type="text/javascript">
|
|
if(Browser.isCompatible()) {
|
|
winamp = Winamp.init({
|
|
'volume': 50,
|
|
'balance': 0,
|
|
'mediaFile': {
|
|
'url': "https://cdn.rawgit.com/captbaritone/llama/master/llama-2.91.mp3",
|
|
'name': "1. DJ Mike Llama - Llama Whippin' Intro"
|
|
},
|
|
'skinUrl':
|
|
'https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/base-2.91.wsz'
|
|
});
|
|
|
|
Hotkeys.init(winamp);
|
|
Context.init(winamp);
|
|
} else {
|
|
document.getElementById('winamp').style.display = 'none';
|
|
document.getElementById('browser-compatibility').style.display = 'block';
|
|
}
|
|
</script>
|
|
<!-- ref:include analytics -->
|
|
<!-- endref -->
|
|
</body>
|
|
</html>
|