Function setCurrentLabel

src/lib/createAndHandleSegments.ts:69–113

(
  e: any,
  preview_position: any,
  segments: Segment[],
  player: any,
)

}

function setCurrentLabel(
  e: any,
  preview_position: any,
  segments: Segment[],
  player: any,
) {
  let currentLabel = segments[0].title;

  const currentPos = preview_position * player?.duration();
  if (preview_position !== 0) {
    segments?.forEach((each: Segment) => {
      if (each?.start < currentPos && each?.end > currentPos) {
        currentLabel = each?.title;
      }
    });
  }

  const timelineLabel = document.querySelector(
    '#timeline-label',
  ) as HTMLDivElement;
  const timelineContainer = document.querySelector(
    '#timeline-container',
  ) as HTMLDivElement;

  const rect = timelineContainer && timelineContainer?.getBoundingClientRect();

  let timelineLabelWidth = timelineLabel?.offsetWidth / 2;

  if (timelineLabel && rect && timelineContainer) {
    timelineLabel.innerHTML = `<div>${formatTime(preview_position.toFixed(2) * player?.duration())} - ${currentLabel}</div>`;

    if (Math.max(0, e?.x - rect?.x) < timelineLabel?.offsetWidth / 2) {
      timelineLabelWidth = Math.max(0, e?.x - rect?.x);
    } else if (
      Math.max(0, e?.x - rect?.x) >
      timelineContainer.offsetWidth - timelineLabel?.offsetWidth / 2
    ) {
      timelineLabelWidth =
        timelineLabel?.offsetWidth -
        (timelineContainer?.offsetWidth - (e?.x - rect?.x));
    }

    timelineLabel.style.left = `calc(${preview_position * 100}% - ${timelineLabelWidth}px)`;
  }
}

let isMouseOver = false;
let isMouseDown = false;