CN-JS-HuiBai/Media-Coding-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

显示控件范围

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-02 23:08:03 +08:00
parent 47246061b2
commit b6dc21c265
3 changed files with 101 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
public/index.html
View File

@@ -132,35 +132,43 @@
<span class="status-dot"></span>
<span id="playback-status-text">Paused</span>
</div>
<div id="transcode-progress-chip" class="progress-chip">Transcode 0%</div>
<div id="playback-progress-chip" class="progress-chip">Play 0%</div>
<button id="control-mute-toggle" class="control-btn" type="button">Mute</button>
<div class="volume-control">
<input id="volume-slider" class="volume-slider" type="range" min="0" max="1" step="0.05" value="1" />
<span id="volume-value" class="volume-value">100%</span>
<div class="control-popover volume-popover">
<button id="control-mute-toggle" class="control-btn icon-btn" type="button" aria-label="Mute">o</button>
<div class="popover-panel">
<div class="volume-control">
<input id="volume-slider" class="volume-slider" type="range" min="0" max="1" step="0.05" value="1" />
<span id="volume-value" class="volume-value">100%</span>
</div>
</div>
</div>
</div>
<div id="custom-seek-container" class="control-seek hidden">
<span id="seek-current-time" class="control-time">00:00:00</span>
<div id="seek-bar" class="seek-bar">
<div id="seek-bar-transcode" class="seek-bar-transcode"></div>
<div id="seek-bar-progress" class="seek-bar-progress"></div>
<div id="seek-bar-handle" class="seek-bar-handle"></div>
</div>
<span id="seek-total-time" class="control-time">00:00:00</span>
</div>
<div class="controls-right">
<label class="speed-control" for="playback-speed">
<span>Speed</span>
<select id="playback-speed" class="speed-select">
<option value="0.5">0.5x</option>
<option value="0.75">0.75x</option>
<option value="1" selected>1x</option>
<option value="1.25">1.25x</option>
<option value="1.5">1.5x</option>
<option value="2">2x</option>
</select>
</label>
<button id="control-fullscreen-toggle" class="control-btn" type="button">Fullscreen</button>
<div class="control-popover speed-popover">
<button id="control-speed-toggle" class="control-btn" type="button" aria-label="Playback Speed">1x</button>
<div class="popover-panel">
<label class="speed-control" for="playback-speed">
<span>Speed</span>
<select id="playback-speed" class="speed-select">
<option value="0.5">0.5x</option>
<option value="0.75">0.75x</option>
<option value="1" selected>1x</option>
<option value="1.25">1.25x</option>
<option value="1.5">1.5x</option>
<option value="2">2x</option>
</select>
</label>
</div>
</div>
<button id="control-fullscreen-toggle" class="control-btn icon-btn square-btn" type="button" aria-label="Fullscreen">[]</button>
</div>
</div>
<div id="now-playing" class="now-playing hidden">