45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
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
|
|
|
|
export const resolveActiveSegments = (): void => {
|
|
const bounds = state.video.duration
|
|
if (bounds <= 0) { state.activeSegments = []; return }
|
|
|
|
state.activeSegments = state.parsedSegments
|
|
.filter(s => {
|
|
const len = s.end - s.start
|
|
if (len < MIN_SEGMENT_DURATION || len > MAX_SEGMENT_DURATION) return false
|
|
if (s.start < 0 || s.end <= s.start || s.end > bounds + 1) return false
|
|
|
|
if (s.type === 'op') {
|
|
return s.start <= MAX_INTRO_START && s.start <= bounds * 0.5
|
|
}
|
|
if (s.type === 'ed') {
|
|
return s.start >= bounds * MIN_OUTRO_START_RATIO
|
|
}
|
|
return false
|
|
})
|
|
}
|
|
|
|
export const renderSegments = (): void => {
|
|
const track = state.container.querySelector('[data-segments]') as HTMLElement | null
|
|
if (!track) return
|
|
track.innerHTML = ''
|
|
|
|
const bounds = state.video.duration
|
|
if (bounds <= 0) return
|
|
|
|
state.activeSegments.forEach(s => {
|
|
const bar = document.createElement('div')
|
|
bar.className = 'absolute top-0 h-full bg-white/80'
|
|
bar.style.left = `${(s.start / bounds) * 100}%`
|
|
bar.style.width = `${((s.end - s.start) / bounds) * 100}%`
|
|
track.appendChild(bar)
|
|
})
|
|
}
|