react-video-all-caption

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}
    />
  );
}

Types

could be "videoPath" or "thirdPartyEmbed"

Captions

put captions in public folder then call it like sample

Sandbox sample

https://codesandbox.io/s/ecstatic-wing-zspyz4?file=/src/App.js

Contributing

For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT