Function createSegmentMarkerElements

src/lib/utils.ts:70–88

(
  player: Player,
  segment: Segment,
  lastSegment: Segment,
)

};

export const createSegmentMarkerElements = (
  player: Player,
  segment: Segment,
  lastSegment: Segment,
) => {
  const segmentEnd = isFinite(segment.end)
    ? (segment.end / (player.duration() || lastSegment.end)) * 100
    : 100;

  // Create gap element
  const gapEl = document.createElement('div');
  gapEl.className = 'segment-gap absolute';
  gapEl.style.left = `${segmentEnd}%`;
  gapEl.style.height = '100%';
  gapEl.style.width = '4px';
  gapEl.style.background = '#2f3640';

  return { gapEl };
};

export const createSegmentMarkers = (player: any, allSegments: Segment[]) => {
  const seekBar = player.controlBar.progressControl.seekBar.el();