melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: apply prettier/eslint quote consistency and add missing comments

Browse Source
This commit is contained in:
mkelvers
2026-05-10 20:01:33 +02:00
parent e48d95cb4e
commit 59ec9b17c9
4 changed files with 51 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
static/player/skip/segments.ts
View File

@@ -1,11 +1,15 @@
import { SkipSegment } from '../types';
import { state } from '../state';
const MIN_SEGMENT_DURATION = 20;
const MAX_SEGMENT_DURATION = 240;
const MAX_INTRO_START = 180;
const MIN_OUTRO_START_RATIO = 0.5;
// 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.video.duration;
if (bounds <= 0) {
@@ -15,12 +19,16 @@ export const resolveActiveSegments = (): void => {
state.activeSegments = state.parsedSegments.filter(s => {
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;
// intro: starts early, before 50% of video
if (s.type === 'op') {
return s.start <= MAX_INTRO_START && s.start <= bounds * 0.5;
}
// outro: starts in second half of video
if (s.type === 'ed') {
return s.start >= bounds * MIN_OUTRO_START_RATIO;
}
@@ -28,6 +36,9 @@ export const resolveActiveSegments = (): void => {
});
};
/**
* Renders segment markers on the timeline progress bar.
*/
export const renderSegments = (): void => {
const track = state.container.querySelector('[data-segments]') as HTMLElement | null;
if (!track) return;
@@ -36,6 +47,7 @@ export const renderSegments = (): void => {
const bounds = state.video.duration;
if (bounds <= 0) return;
// create small white bars for each segment
state.activeSegments.forEach(s => {
const bar = document.createElement('div');
bar.className = 'absolute top-0 h-full bg-white/80';