Linux versino and Gif output

This commit is contained in:
2026-10-17 06:21:19 +00:00
parent c6ac7d2222
commit 9fb9395f99
12 changed files with 728 additions and 122 deletions

View File

@@ -141,6 +141,7 @@
<div class="seg" id="modeSeg">
<button data-mode="copy" title="Copy the original streams: no quality loss, very fast. Cuts land on keyframes.">Lossless</button>
<button data-mode="encode" title="Re-encode: frame-exact cuts and a choice of format, size and quality. Slower.">Re-encode</button>
<button data-mode="gif" title="Animated GIF: a looping animation without sound, with frame-exact cuts.">GIF</button>
</div>
</div>
<div id="clipList" class="clip-list"></div>
@@ -159,11 +160,13 @@
<div class="field">
<div class="label">Method</div>
<div class="cards2">
<div class="cards3">
<label class="rcard"><input type="radio" name="mode" value="copy">
<div><b>Lossless</b><small>Copies the original video and audio: no quality loss and very fast. Cuts can only start on keyframes, so a clip may begin a little early.</small></div></label>
<label class="rcard"><input type="radio" name="mode" value="encode">
<div><b>Re-encode</b><small>Frame-exact cuts. Choose the format, resolution and quality. Clips of different sizes are fitted together. Slower.</small></div></label>
<label class="rcard"><input type="radio" name="mode" value="gif">
<div><b>Animated GIF</b><small>A looping animation without sound that plays almost anywhere. Frame-exact cuts. Best for short clips: GIF files get large quickly.</small></div></label>
</div>
</div>
@@ -260,6 +263,50 @@
<div class="hint" id="exEncHint"></div>
</div>
<div id="exGifOpts">
<div class="grid2">
<div class="field">
<div class="label">Resolution</div>
<select id="exGifHeight">
<option value="0">Same as source</option>
<option value="720">720p</option>
<option value="480">480p</option>
<option value="360">360p</option>
<option value="240">240p</option>
</select>
</div>
<div class="field">
<div class="label">Frame rate</div>
<select id="exGifFPS">
<option value="10">10</option>
<option value="12">12</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
</select>
</div>
</div>
<div class="grid2">
<div class="field">
<div class="label">Dithering</div>
<select id="exGifDither">
<option value="sierra2_4a">Smooth (best looking)</option>
<option value="bayer">Pattern (smaller file)</option>
<option value="none">None (smallest, may show bands)</option>
</select>
</div>
<div class="field">
<div class="label">Playback</div>
<select id="exGifLoop">
<option value="1">Loop forever</option>
<option value="0">Play once</option>
</select>
</div>
</div>
<div class="hint" id="exGifHint"></div>
</div>
<div id="exWarn" class="notice warn hidden"></div>
<div id="exProgress" class="progress hidden">
<div class="bar"><div id="exBar"></div></div>