Files
mal/static/player/skip/segments.ts

74 lines
2.4 KiB
TypeScript

import { state } from "../state";
// filter bounds for valid segments
const MIN_SEGMENT_DURATION = 20; // at least 20s
const MAX_SEGMENT_DURATION = 240; // at most 4 min
const MAX_INTRO_START = 180; // intro must start before 3min
const MIN_OUTRO_START_RATIO = 0.5; // outro must start at least 50% in
/**
* Filters parsed segments to only those within video bounds and sensible duration.
* Validates intro/outro positioning.
*/
export const resolveActiveSegments = (): void => {
const bounds = state.elements.video.duration;
if (bounds <= 0) {
state.skip.activeSegments = [];
return;
}
const normalizeType = (t: string): "op" | "ed" | null => {
const v = (t || "").toLowerCase();
if (v === "op" || v === "opening" || v === "intro") return "op";
if (v === "ed" || v === "ending" || v === "outro") return "ed";
return null;
};
state.skip.activeSegments = state.skip.parsedSegments.filter((s) => {
const t = normalizeType(s.type);
if (!t) return false;
const isOverride = (s.source || "").toLowerCase() === "override";
const len = s.end - s.start;
// duration filter
if (len < MIN_SEGMENT_DURATION || len > MAX_SEGMENT_DURATION) return false;
// bounds check
if (s.start < 0 || s.end <= s.start || s.end > bounds + 1) return false;
// User overrides should render even if they don't fit AniSkip's usual OP/ED heuristics.
if (isOverride) return true;
// intro: starts early, before 50% of video
if (t === "op") {
return s.start <= MAX_INTRO_START && s.start <= bounds * 0.5;
}
// outro: starts in second half of video
if (t === "ed") {
return s.start >= bounds * MIN_OUTRO_START_RATIO;
}
return false;
});
};
/**
* Renders segment markers on the timeline progress bar.
*/
export const renderSegments = (): void => {
const track = state.elements.container.querySelector("[data-segments]") as HTMLElement | null;
if (!track) return;
track.innerHTML = "";
const bounds = state.elements.video.duration;
if (bounds <= 0) return;
state.skip.activeSegments.forEach((s) => {
const bar = document.createElement("div");
bar.className = "absolute bg-player-segment opacity-95";
bar.style.top = "-1px";
bar.style.height = "calc(100% + 2px)";
bar.style.left = `${(s.start / bounds) * 100}%`;
bar.style.width = `${((s.end - s.start) / bounds) * 100}%`;
track.appendChild(bar);
});
};