diff --git a/templates/index.html b/templates/index.html index e2fcf39..12cc967 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1395,7 +1395,12 @@ trimEnd = t; if (video) video.currentTime = t; } + // Sync markerji da ne ostanejo na napačni strani (čez center) + const center = (trimStart + trimEnd) / 2; + if (markerInTime > center - 0.1) markerInTime = trimStart; + if (markerOutTime < center + 0.1) markerOutTime = trimEnd; renderTrim(); + renderMarkers(); } function onPointerUp() { @@ -1478,19 +1483,20 @@ e.preventDefault(); if (video) { if (video.paused) { - // Pred play-em: postavi trikotnik na trenutno pozicijo - // Logika: razdeli prostor po SREDINI clipa - // t < center → IN trikotnik (zelen) - // t > center → OUT trikotnik (rdeč) - // Razlog: če je IN že nastavljen pravilno (60s) in zdaj iščeš - // OUT (klikaš pri 80s blizu desnega handle), naj se premakne OUT. + // STROGO: zelen IN samo v LEVI polovici, rdeč OUT samo v DESNI polovici + // Klik LEVO od center + Enter → IN (zelen) + // Klik DESNO od center + Enter → OUT (rdeč) + // Klik točno NA centru → OUT (default) const t = video.currentTime; const center = (trimStart + trimEnd) / 2; if (t < center) { - markerInTime = t; + // Postavi IN, ampak strogo omeji: ne sme čez center + markerInTime = Math.min(t, center - 0.1); } else { - markerOutTime = t; + // Postavi OUT, ampak strogo omeji: ne sme čez center + markerOutTime = Math.max(t, center + 0.1); } + console.log("[Marker]", { t, center, trimStart, trimEnd, markerInTime, markerOutTime }); renderMarkers(); video.play().catch(() => {}); } else {