Build digital experiences that do not depend on sound.

import { CaptionPlayer } from "@upliftiq/caption-player";
import "@upliftiq/caption-player/styles.css";

export function LessonVideo() {
  return (
    <CaptionPlayer
      title="Introduction to photosynthesis"
      videoSrc="/lesson.mp4"
      captionTracks={[
        {
          src: "/lesson-en.vtt",
          label: "English",
          srcLang: "en",
          default: true
        }
      ]}
      signLanguage={{
        src: "/lesson-isl.mp4",
        label: "Indian Sign Language"
      }}
      transcript={[
        {
          id: "cue-1", start: 0, end: 5.2,
          speaker: "Educator",
          text: "Plants use sunlight to create energy."
        }
      ]}
    />
  );
}