React Native Video Controls screenshot

React Native Video Controls

Author Avatar Theme by Itsnubix
Updated: 22 Oct 2022
648 Stars

A React Native video component with controls

Categories

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.