This package is forked from react-native-video-controls. Enhance functionality for react native video Controls available at react-native-video-controls
SUBTITLE SUPPORT ADDED In This package, you can pass a function as 'toggleFullscreen' prop to component to control the functionality of toggle fullscreen button.
npm install --save react-native-video awesome-react-native-video-controls
react-native link react-native-video
If you're using RN < 39 run
npm install --save email@example.com. Note this version includes
react-native-video as a normal dependency instead of a peer-dependency.
In order to use subtitles you should follow the below instructions : First if your subtitle format is srt you should convert it to JSON(use websites like : http://multiverso.me/srtToJSON/) Then when you got the array of JSONs, you can pass this array to VideoPlayer as below :
The subtitle prop expects the JSON to have the following key-value format:
"startTime": "00:00:04,123" //hh:mm:ss,SSS"endTime": "00:00:05,001""text": "When you convert your subtitle file, you might need to modify your JSON""startTime": "00:00:08,008""endTime": "00:00:09,876""text": "Before passing it to the VidePlayer component"
OTHER FEATURES AND USAGE
<VideoPlayer> component can take a number of inputs to customize it as needed. They are outlined below:
<VideoPlayer> component follows the API of the
<Video> component at react-native-video and react-native-video-controls
take a number of inputs to customize it as needed. They are outlined below:
// At the top where our imports are...;// in the component's render() function<VideoPlayersource= uri: ''navigator= thispropsnavigatortoggleFullscreen=YourCustomizedFunctionsubtitle=thispropssubtitle/>