React-video-all-caption NPM

React Image Accordion

The video-caption-component npm package is a powerful tool for seamlessly integrating caption support into your web-based video components. With this package, you can effortlessly add subtitles to your videos in three popular formats: SubRip (.srt), SubViewer (.sbv), and WebVTT (.vtt). This versatile solution simplifies the process of creating accessible and inclusive video content for your web applications.

Installation

Use the package manager npm to install react-image-accordion.

npm i react-video-all-caption

Usage

To use the component in your React application, import it and pass the necessary props:

import ReactVideoPlayer from 'react-video-all-caption';

function MyComponent() {
  return (
    <ReactVideoPlayer
      videopath= "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4"
      autoplay = {true}
      captionurl= "/srtCaption.srt" // ./sbvCaption.sbv // ./vttCaption.vtt
      embedurl= ""
      loop= {true}
      muted= {true}
      playPause= {true}
      type= "videoPath"
      control= {true}
    />
  );
}