Proper (yet more complex) volume calculation. Now changing the volume slider also takes into account the crossfader coef.

This commit is contained in:
2022-07-01 13:25:14 +02:00
parent 89241e8729
commit b68877e7d3
3 changed files with 104 additions and 43 deletions

View File

@@ -32,17 +32,23 @@
<iframe id="playerA" src="" width="480" height="270", frameborder='0'></iframe>
<input class='load-button' type="button" value="Load new track or playlist">
<div class="speed-control">
<span class='speed-value'></span>
<input type="range" class='speed-slider' name="speedRate" value="1" min='0.25' max='2' step='0.25'>
<p class='control-label'>Speed: <span class='speed-value'></span></p>
</div>
<div class="volume-control">
<input type="range" class='volume-slider' min='0' max = '100' value="80">
<p class='control-label'>Vol: <span class="volume-slider-value"></span> (<span class="volume-value"></span>)</p>
</div>
<input type="range" class="volume-slider" min='0' max = '100' value="80">
</div>
<div class="player">
<iframe id="playerB" src="" width="480" height="270", frameborder='0'></iframe>
<input type="range" class='volume-slider' min='0' max = '100' value="80">
<div class="volume-control">
<input type="range" class='volume-slider' min='0' max = '100' value="80">
<p class='control-label'>Vol: <span class="volume-slider-value"></span> (<span class="volume-value"></span>)</p>
</div>
<div class="speed-control">
<span class='speed-value'></span>
<input type="range" class='speed-slider' name="speedRate" value="1" min='0.25' max='2' step='0.25'>
<p class='control-label'>Speed: <span class='speed-value'></span></p>
</div>
<input class='load-button' type="button" value="Load new track or playlist">
</div>