React Player Plugin enhances react-player
by adding robust subtitle control features, making it ideal for educational content and language learning platforms.
- Subtitle Synchronization: Automatically scrolls subtitles in sync with the current playback time.
- Line & Block Modes: Supports two modes for displaying subtitles - line-by-line and block modes.
- Subtitle Navigation: Quickly jump to the previous or next subtitle with customizable buttons.
- Word Selection: Click on words within subtitles to trigger custom actions.
- Focus Mode: Highlight only the current subtitle to minimize distractions and enhance focus.
Check out the demo page to see the plugin in action!
- Easy Integration: Seamlessly integrates with
react-player
to enhance your video player with subtitle functionality. - Highly Customizable: Provides flexibility to style the subtitle container, text, and timestamps according to your design needs.
- Accessibility: Designed to improve accessibility and user engagement, especially for educational content.
- Language Support: Supports multiple languages, allowing users to switch between different subtitle tracks.
For more details about the core library and its integration, refer to the npm README. This includes detailed installation and usage instructions for the core functionality.
This project is licensed under the MIT License.