Update 1.1: Add sequences, change layout, improve interface

This commit is contained in:
Kouya Heika
2026-04-26 02:25:34 -05:00
parent 31f9e7ae7f
commit 9fce98f086
6 changed files with 140 additions and 50 deletions

View File

@@ -11,16 +11,43 @@
<div class='header'>
<div class='holder'>
<div class='controls'>
<div class='type-div'><input type='text' name='type' value='drop file to play' readonly='1' /></div>
<div class='title-div'>
<div class='curtime part'>00:00</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 class='totaltime part'>00:00</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>&lt;&lt;</button><button id="next-seq" disabled>&gt;&gt;</button></div>
</div>
<div class='bpm-div part'><a class='speed'>0</a> / <a class='bpm'>0</a> bpm</div>
<div class='vol-div part' title='Volume'><img src='volume.png' width='16' height='16' /><input type='range' name='volume' min='0' max='200' value='100' step='5' list='range-markers' /><div class='vol-text'>100%</div></div>
<div class='stsep-div part' title='Stereo Separation'><img src='stereo.png' width='16' height='16' /><input type='range' name='stereo' min='0' max='100' value='100' step='5' list='range-markers' /><div class='stsep-text'>50%</div></div>
<div class='player-div part'>WaXMPlayer 1.0</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>