Playlist-video blend/opacity/fit controls + export/import playlist to file

- Blend mode, opacity and fit for videos played from the playlist (mix with visuals).
- Save/Load buttons to export/import a playlist (with scenes/cues) to a JSON file
  via native dialogs; the playlist already auto-persists between sessions.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
lucianoandClaude Opus 4.8 committed 2026-06-19 16:52:55 +02:00
1 parent 0f0accc67d
commit 50b4223100
5 files changed
+89 -10

No files matched your search

+23
View File
@@ -51,12 +51,35 @@
<button id="btn-clear-playlist">🗑 Svuota</button>
<label class="chk"><input type="checkbox" id="repeat-playlist" /> Ripeti</label>
</div>
<div class="row">
<button id="btn-pl-save">💾 Salva playlist…</button>
<button id="btn-pl-load">📂 Carica playlist…</button>
</div>
<input type="file" id="tracks-input" accept="audio/*,video/*" multiple hidden />
<input type="file" id="scene-img-input" accept="image/*" hidden />
<ol id="playlist" class="playlist"></ol>
<div class="hint-mini">Clic sul <b>nome</b> = avvia/riavvia · ▶/⏸ pausa · ⠿ riordina · ⌨ tasto rapido · 🎬 <b>scena</b> (effetto+testo+immagine applicati quando parte il brano)</div>
</section>
<section>
<label>Resa video in playlist</label>
<select id="tvid-fit">
<option value="contain">Adatta (bordi neri)</option>
<option value="cover">Riempie schermo</option>
</select>
<label>Fusione</label>
<select id="tvid-blend">
<option value="normal">normale</option>
<option value="screen">screen</option>
<option value="overlay">overlay</option>
<option value="multiply">multiply</option>
<option value="lighten">lighten</option>
</select>
<label>Opacità <span id="tvid-op-val">100%</span></label>
<input type="range" id="tvid-op" min="0" max="100" step="1" value="100" />
<div class="hint-mini">Si applica al video riprodotto dalla playlist (per fonderlo con gli effetti).</div>
</section>
<section>
<label>Reattività <span id="gain-val">1.0×</span></label>
<input type="range" id="gain" min="0" max="3" step="0.05" value="1" />