Overview
The React Native Video Controls is a companion package for React Native’s <Video> component, providing a set of GUI controls for easier video playback management. It includes features such as back button, volume bar, fullscreen toggle, play/pause toggle, seekbar, title display, error handling, and timer toggle for time display customization.
Features
- Back Button: Navigate back within the video player controls.
- Volume Bar: Control audio volume.
- Fullscreen Toggle: Switch between fullscreen and normal view.
- Play/Pause Toggle: Ability to play or pause video.
- Seekbar: Control video playback progress.
- Title Display: Display title information.
- Error Handling: Manage errors during video playback.
- Timer Toggle: Switch between time remaining and current time display.
Installation
To install the React Native Video Controls, run the following commands:
npm install --save react-native-video react-native-video-controls
react-native link react-native-video
For React Native versions lower than 0.39, install version 1.0.1 of react-native-video-controls using:
npm install --save react-native-video-controls@1.0.1
Summary
The React Native Video Controls package enhances the React Native <Video> component by providing a user-friendly set of controls for video playback management. It offers essential features like volume control, fullscreen toggling, seekbar manipulation, error handling, and more. By following the installation instructions and utilizing the outlined features, developers can improve the video playback experience in their React Native applications.