ExoPlayer (#426)

       onProgress={this.setTime}      // Callback every ~250ms with currentTime

       onEnd={this.onEnd}             // Callback when playback finishes

       onError={this.videoError}      // Callback when video cannot be loaded

       onBuffer={this.onBuffer} // Callback when remote video is buffering

       style={styles.backgroundVideo} />

// Later to trigger fullscreen

- [ ] Add support for captions

- [ ] Add support for playing multiple videos in a sequence (will interfere with current `repeat` implementation)

- [ ] Callback to get buffering progress for remote videos

- [x] Callback to get buffering progress for remote videos

- [ ] Bring API closer to HTML5 `<Video>` [reference](http://devdocs.io/html/element/video)

[1]: https://github.com/brentvatne/react-native-login/blob/56c47a5d1e23781e86e19b27e10427fd6391f666/App/Screens/UserInfoScreen.js#L32-L35

    }

  };

  _onAudioBecomingNoisy = () => {

    if (this.props.onAudioBecomingNoisy) {

      this.props.onAudioBecomingNoisy();

    }

  };

  _onAudioFocusChanged = (event) => {

    if (this.props.onAudioFocusChanged) {

      this.props.onAudioFocusChanged(event.nativeEvent);

    }

  };

  _onBuffer = (event) => {

    if (this.props.onBuffer) {

      this.props.onBuffer(event.nativeEvent);

    }

  };

  render() {

    const resizeMode = this.props.resizeMode;

    const source = resolveAssetSource(this.props.source) || {};

        uri,

        isNetwork,

        isAsset,

        type: source.type || 'mp4',

        type: source.type,

        mainVer: source.mainVer || 0,

        patchVer: source.patchVer || 0,

      },

      onVideoProgress: this._onProgress,

      onVideoSeek: this._onSeek,

      onVideoEnd: this._onEnd,

      onVideoBuffer: this._onBuffer,

      onVideoFullscreenPlayerWillPresent: this._onFullscreenPlayerWillPresent,

      onVideoFullscreenPlayerDidPresent: this._onFullscreenPlayerDidPresent,

      onVideoFullscreenPlayerWillDismiss: this._onFullscreenPlayerWillDismiss,

      onPlaybackStalled: this._onPlaybackStalled,

      onPlaybackResume: this._onPlaybackResume,

      onPlaybackRateChange: this._onPlaybackRateChange,

      onAudioFocusChanged: this._onAudioFocusChanged,

      onAudioBecomingNoisy: this._onAudioBecomingNoisy,

    });

    if (this.props.poster && this.state.showPoster) {

  fullscreen: PropTypes.bool,

  onVideoLoadStart: PropTypes.func,

  onVideoLoad: PropTypes.func,

  onVideoBuffer: PropTypes.func,

  onVideoError: PropTypes.func,

  onVideoProgress: PropTypes.func,

  onVideoSeek: PropTypes.func,

  rate: PropTypes.number,

  playInBackground: PropTypes.bool,

  playWhenInactive: PropTypes.bool,

  disableFocus: PropTypes.bool,

  controls: PropTypes.bool,

  currentTime: PropTypes.number,

  progressUpdateInterval: PropTypes.number,

  onLoadStart: PropTypes.func,

  onLoad: PropTypes.func,

  onBuffer: PropTypes.func,

  onError: PropTypes.func,

  onProgress: PropTypes.func,

  onSeek: PropTypes.func,

  onPlaybackStalled: PropTypes.func,

  onPlaybackResume: PropTypes.func,

  onPlaybackRateChange: PropTypes.func,

  onAudioFocusChanged: PropTypes.func,

  onAudioBecomingNoisy: PropTypes.func,

  /* Required by react-native */

  scaleX: PropTypes.number,

## react-native-video - ExoPlayer

This is an Android React Native video component based on ExoPlayer v2.

> ExoPlayer is an application level media player for Android. It provides an alternative to Android’s MediaPlayer API for playing audio and video both locally and over the Internet. ExoPlayer supports features not currently supported by Android’s MediaPlayer API, including DASH and SmoothStreaming adaptive playbacks. Unlike the MediaPlayer API, ExoPlayer is easy to customize and extend, and can be updated through Play Store application updates.

https://github.com/google/ExoPlayer

## Benefits over `react-native-video@0.9.0`:

- Android Video library built by Google, with a lot of support

- Supports DASH, HlS, & SmoothStreaming adaptive streams

- Supports formats such as MP4, M4A, FMP4, WebM, MKV, MP3, Ogg, WAV, MPEG-TS, MPEG-PS, FLV and ADTS (AAC).

- Fewer device specific issues

- Highly customisable

## ExoPlayer only props

```javascript

  render() {

    return (

      <Video

        ...

        disableFocus={true} // disables audio focus and wake lock (default false)

        onAudioBecomingNoisy={this.onAudioBecomingNoisy} // Callback when audio is becoming noisy - should pause video

        onAudioFocusChanged={this.onAudioFocusChanged} // Callback when audio focus has been lost - pause if focus has been lost

      />

    )

  }

  onAudioBecomingNoisy = () => {

    this.setState({ pause: true })

  }

  onAudioFocusChanged(event: { hasAudioFocus: boolean }) {

    if (!this.state.paused && !event.hasAudioFocus) {

      this.setState({ paused: true })

    }

  }

```

## Unimplemented props

- `playInBackground={true}`

- `rate={1.0}`

- Expansion file - `source={{ mainVer: 1, patchVer: 0 }}`

apply plugin: 'com.android.library'

android {

    compileSdkVersion 23

    buildToolsVersion "23.0.1"

    defaultConfig {

        minSdkVersion 16

        targetSdkVersion 23

    }

}

dependencies {

    provided 'com.facebook.react:react-native:+'

    compile 'com.google.android.exoplayer:exoplayer:r2.1.1'

    compile('com.google.android.exoplayer:extension-okhttp:r2.1.1') {

        exclude group: 'com.squareup.okhttp3', module: 'okhttp'

    }

    compile 'com.squareup.okhttp3:okhttp:3.4.2'

}

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

          package="com.brentvatne.react">

</manifest>