react-native-exoplayer

1.0.0 • Public • Published

react-native-exoplayer

React native video player component, used for Android, iOS

Table of contents

Install

npm install ngager-group/react-native-exoplayer --save

Link

react-native link ngager-group/react-native-exoplayer

OR

Use rnpm to automatically complete the installation:
rnpm link ngager-group/react-native-exoplayer

or link manually like so:

iOS

  • Add RNVideoPlayer in ios folder to your ios project
  • Open 'node_modules/react-native-exoplayer/ios/RNVideoPlayer.xcodeproj' with Xcode
  • Go to Build Settings > Search Paths > Header Search Paths
  • Edit the path variable from $(SRCROOT)/../../../HuntersLog to $(SRCROOT)/../../../[YOUR PROJECT FOLDER NAME]

Android

// file: android/settings.gradle
...
 
include ':react-native-exoplayer'
project(':react-native-exoplayer').projectDir = new File(settingsDir, '../node_modules/react-native-exoplayer/android')
// file: android/app/build.gradle
...
 
dependencies {
    ...
    implementation project(':react-native-exoplayer')
}
// file: android/app/src/main/java/com/<...>/MainApplication.java 
...
 
import com.ngager.videoplayer.VideoPlayerPackage; // <-- add this import 
 
public class MainApplication extends Application implements ReactApplication {
    @Override
    protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new VideoPlayerPackage() // <-- add this line 
        );
    }
...
}
 

Usage

var VideoPlayer = require('react-native-exoplayer');
 
/**
 * The method will launch native module
 * @param {String} url Video link
 */
VideoPlayer.showVideoPlayer(url).then(() => {
  // onReachEnd
});

Readme

Keywords

Package Sidebar

Install

npm i react-native-exoplayer

Weekly Downloads

4

Version

1.0.0

License

UNLICENSED

Unpacked Size

53 kB

Total Files

23

Last publish

Collaborators

  • baotoan1905