ThaMunsta/video-edit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix order
All checks were successful
Build Images and Deploy / Update-PROD-Stack (push) Successful in 1m9s
Details

Browse Source
This commit is contained in:
Mike Johnston
2026-02-09 18:56:03 -05:00
parent eab55d2e01
commit b3e7862cc9
1 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
templates/index.html
View File

@@ -511,17 +511,33 @@
<div class="video-info" id="video-info"></div> <div class="video-info" id="video-info"></div>
<!-- Quick Actions --> <!-- Trim Controls -->
<div class="form-group"> <div class="form-group">
<label>⚡ Quick Actions</label> <label>⏱️ Trim Video</label>
<div class="quick-actions"> <div class="current-time-display">
<button class="quick-action-btn" id="mute-audio-btn" title="Remove audio track from video"> Video Position: <span id="current-time-display">0:00</span>
🔇 Mute Audio </div>
<div class="trim-buttons">
<button class="trim-btn" id="set-start-btn">
⏮️ Set Start Here
</button> </button>
<button class="quick-action-btn" id="rotate-btn" title="Rotate video 90° clockwise"> <button class="trim-btn" id="set-end-btn">
🔄 Rotate 90° ⏭️ Set End Here
</button> </button>
</div> </div>
<p style="font-size: 0.9em; color: #6c757d; text-align: center; margin: 10px 0;">
💡 Play the video and click the buttons to set trim points at the current playback position
</p>
<div class="form-row">
<div>
<label style="font-weight: normal;">Start Time (seconds)</label>
<input type="number" id="start-time" value="0" min="0" step="0.1">
</div>
<div>
<label style="font-weight: normal;">End Time (seconds)</label>
<input type="number" id="end-time" min="0" step="0.1">
</div>
</div>
</div> </div>
<!-- Crop Controls --> <!-- Crop Controls -->
@@ -555,35 +571,6 @@
</div> </div>
</div> </div>
<!-- Trim Controls -->
<div class="form-group">
<label>⏱️ Trim Video</label>
<div class="current-time-display">
Video Position: <span id="current-time-display">0:00</span>
</div>
<div class="trim-buttons">
<button class="trim-btn" id="set-start-btn">
⏮️ Set Start Here
</button>
<button class="trim-btn" id="set-end-btn">
⏭️ Set End Here
</button>
</div>
<p style="font-size: 0.9em; color: #6c757d; text-align: center; margin: 10px 0;">
💡 Play the video and click the buttons to set trim points at the current playback position
</p>
<div class="form-row">
<div>
<label style="font-weight: normal;">Start Time (seconds)</label>
<input type="number" id="start-time" value="0" min="0" step="0.1">
</div>
<div>
<label style="font-weight: normal;">End Time (seconds)</label>
<input type="number" id="end-time" min="0" step="0.1">
</div>
</div>
</div>
<!-- Scale Controls --> <!-- Scale Controls -->
<div class="form-group"> <div class="form-group">
<label>📐 Output Scale</label> <label>📐 Output Scale</label>
@@ -605,6 +592,19 @@
</div> </div>
</div> </div>
<!-- Quick Actions -->
<div class="form-group">
<label>⚡ Quick Actions</label>
<div class="quick-actions">
<button class="quick-action-btn" id="mute-audio-btn" title="Remove audio track from video">
🔇 Mute Audio
</button>
<button class="quick-action-btn" id="rotate-btn" title="Rotate video 90° clockwise">
🔄 Rotate 90°
</button>
</div>
</div>
<div class="button-group"> <div class="button-group">
<button class="btn" id="process-btn">🎬 Process Video</button> <button class="btn" id="process-btn">🎬 Process Video</button>
<button class="btn btn-secondary" id="reset-btn">🔄 Start Over</button> <button class="btn btn-secondary" id="reset-btn">🔄 Start Over</button>