95 lines
3.2 KiB
HTML
95 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>WaXMPlayer</title>
|
|
<link rel="icon" href="icon-48.png" type="image/png" sizes="64x64" />
|
|
<link rel="stylesheet" href="player.css" />
|
|
<script type="text/javascript" src="libxmp.js"></script>
|
|
</head>
|
|
<body class='tracker'>
|
|
<div class='tracker'>
|
|
<div class='header'>
|
|
<div class='holder'>
|
|
<div class='controls'>
|
|
<div class='title-div'>
|
|
<div class='header-div'>
|
|
<div class='text part'>Song Name:</div>
|
|
<div class='curtime part'>00:00</div>
|
|
<div class='totaltime part'>00:00</div>
|
|
</div>
|
|
<div class='title part'><input type='text' name='title' value='' readonly='1' /></div>
|
|
</div>
|
|
<div class='seq-div'>
|
|
<div class='header-div'>
|
|
<div class='text part'>Subsong:</div>
|
|
<div class='seqno part'>1 / 1</div>
|
|
</div>
|
|
<div class='seq part'><button id="prev-seq" disabled><<</button><button id="next-seq" disabled>>></button></div>
|
|
</div>
|
|
<div class='bpm-div part'><a class='speed'>0</a> / <a class='bpm'>0</a> bpm</div>
|
|
<div class='vol-div' title='Volume'>
|
|
<div class='header-div'>
|
|
<div class='text part'>Volume:</div>
|
|
<div class='vol-text part'>100%</div>
|
|
</div>
|
|
<div class='vol part'><input type='range' name='volume' min='0' max='200' value='100' step='5' list='range-markers' /></div>
|
|
</div>
|
|
<div class='stsep-div' title='Stereo Separation'>
|
|
<div class='header-div'>
|
|
<div class='text part'>Stereo Separation:</div>
|
|
<div class='stsep-text part'>100%</div>
|
|
</div>
|
|
<div class='stsep part'><input type='range' name='stereo' min='0' max='100' value='100' step='5' list='range-markers' /></div>
|
|
</div>
|
|
<div class='player-div part'>WaXMPlayer</div>
|
|
<div class='type-div'>
|
|
<div class='header-div'>
|
|
<div class='text part'>Format:</div>
|
|
</div>
|
|
<div class='type part'><input type='text' name='type' value='' readonly='1' /></div>
|
|
</div>
|
|
<button id="play" disabled>Play Song</button>
|
|
<button id="pause" disabled>Pause</button>
|
|
<button id="stop" disabled>Stop</button>
|
|
<button id="download" disabled>Download</button>
|
|
|
|
<div class='instruments-div part'>
|
|
<div class='container'>
|
|
<table class='instruments' width='100'>
|
|
<tr><th colspan='2'>Instruments</th></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class='samples-div part'>
|
|
<div class='container'>
|
|
<table class='samples' width='100'>
|
|
<tr><th colspan='2'>Samples</th></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<datalist id="range-markers">
|
|
<option value="0"></option>
|
|
<option value="25"></option>
|
|
<option value="50"></option>
|
|
<option value="75"></option>
|
|
<option value="100"></option>
|
|
<option value="125"></option>
|
|
<option value="150"></option>
|
|
<option value="175"></option>
|
|
<option value="200"></option>
|
|
</datalist>
|
|
</div>
|
|
</div>
|
|
<div class='order-box'>
|
|
<div class='orders'></div>
|
|
</div>
|
|
</div>
|
|
<div class='patterns'><noscript>You need Javascript enabled for this to work.</noscript></div>
|
|
</div>
|
|
<script src='player.js'></script>
|
|
</body>
|
|
</html>
|
|
|