npm package: @gavant/nativescript-exoplayer
Description: A NativeScript plugin that uses the ExoPlayer video player on Android to play local and remote videos.
Author: Nathanael Anderson
Latest version: 4.0.3

[![npm](https://img.shields.io/npm/v/nativescript-exoplayer.svg)](https://www.npmjs.com/package/nativescript-exoplayer)
[![npm](https://img.shields.io/npm/l/nativescript-exoplayer.svg)](https://www.npmjs.com/package/nativescript-exoplayer)
[![npm](https://img.shields.io/npm/dt/nativescript-exoplayer.svg?label=npm%20downloads)](https://www.npmjs.com/package/nativescript-exoplayer)
[![Twitter Follow](https://img.shields.io/twitter/follow/congocart.svg?style=social&label=Follow%20me)](https://twitter.com/congocart)

# NativeScript ExoPlayer 
A NativeScript plugin to provide the ability to play local and remote videos using Google's ExoPlayer.

## Developed by
[![MasterTech](https://plugins.nativescript.rocks/i/mtns.png)](https://plugins.nativescript.rocks/mastertech-nstudio)


## Platform controls used: 
Android | iOS
---------- | -----------
[Google ExoPlayer](https://github.com/google/ExoPlayer) |  [iOS AVPlayer](https://developer.apple.com/library/prerelease/ios/documentation/AVFoundation/Reference/AVPlayer_Class/index.html)
For a 100% NativeScript plugin use the [NativeScript-VideoPlayer](https://github.com/bradmartin/nativescript-videoplayer). 


## Based on
This is based on the awesome [NativeScript-VideoPlayer](https://github.com/bradmartin/nativescript-videoplayer) by Brad Martin (nStudio, llc); the Android side was re-written to use Google's enhanced ExoPlayer.  The iOS side is the same thing as what was in the original NativeScript-VideoPlayer.

Since there is a lot of cases where you might still want a 100% NativeScript plugin, Brad and I decided to make this a separate plugin so that you can use the original NativeScript-VideoPlayer for those cases where you want a pure JavaScript plugin.

The Google ExoPlayer adds about a meg and a half plugin to the Android application.


## Sample Usage

                Sample 1             |              Sample 2
-------------------------------------| -------------------------------------
![Sample Usage](../screens/video.gif) | ![Sample 2](../screens/videoplayer.gif)


## Installation
From your command prompt/terminal go to your app's root folder and execute:

`tns plugin add nativescript-exoplayer`

## Usage

###
```XML
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
      xmlns:exoplayer="nativescript-exoplayer">
        <StackLayout>
               
            <exoplayer:Video id="nativeexoplayer"
            controls="true" finished="{{ videoFinished }}"
            loop="true" autoplay="false" height="280" 
            src="~/videos/big_buck_bunny.mp4" />

            <!-- Remote file to test with https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4 -->
            
        </StackLayout>
</Page>
```

## Angular Native (NativeScript Angular) Usage
``` TS
// somewhere at top of your component or bootstrap file
import {registerElement} from "nativescript-angular/element-registry";
registerElement("exoplayer", () => require("nativescript-exoplayer").Video);
// documentation: https://docs.nativescript.org/angular/plugins/angular-third-party.html#simple-elements
```
 *With AngularNative you have to explicitly close all components so the correct template code is below.*
``` XML
  <exoplayer
      src="https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"
      autoplay="true" 
      height="300"></exoplayer>
```

## Properties
- **src** - *required*

Set the video file to play, for best performance use local video files if possible. The file must adhere to the platforms accepted video formats. For reference check the platform specs on playing videos.

- **enableSubtitles**

By default, subtitle support is off. Use this flag to turn them on.

- **subtitles**

Set `.srt` file with subtitles for given video. This can be local file or internet url. Currently only `.srt` format is supported.


- **autoplay - (boolean)** - *optional*

Set if the video should start playing as soon as possible or to wait for user interaction.

- **finished - (function)** - *optional*

Attribute to specify an event callback to execute when the video reaches the end of its duration.

- **controls - (boolean)** - *optional*

Set to use the native video player's media playback controls.

- **muted - (boolean)** - *optional*

Mutes the native video player.

- **loop - (boolean)** - *optional*

Sets the native video player to loop once playback has finished.

- **fill - (VideoFill)** - *optional*

Android: When set to VideoFill.aspectFill, the aspect ratio of the video will not be honored and it will fill the entire space available.

iOS: 
* VideoFill.default = AVLayerVideoGravityResize
* VideoFill.aspect = AVLayerVideoGravityResizeAspect
* VideoFill.aspectFill = AVLayerVideoGravityResizeAspectFill

See [here for explanation](https://developer.apple.com/documentation/avfoundation/avlayervideogravity).

- **playbackReady - (function)** - *optional*

Attribute to specify an event callback to execute when the video is ready to play.

- **seekToTimeComplete - (function)** - *optional*

Attribute to specify an event callback to execute when the video has finished seekToTime.

- **observeCurrentTime - (boolean)** - *optional*

If set to true, currentTimeUpdated callback is possible.

- **currentTimeUpdated - (function)** - *optional*

Attribute to specify an event callback to execute when the time is updated.


## API

- **play()** - Start playing the video
- **pause()** - Pause the video
- **seekToTime(time: number)** - Seek the video to a time (milliseconds)
- **getCurrentTime()** - Returns the current time in the video duration (milliseconds)
- **getDuration()** - Returns the duration of the video (milliseconds)
- **destroy()** - Destroy the video player and free resources
- **mute(boolean)** - Mute the current video
- **setVolume()** - Set the volume - Must be between 0 and 1.

### Android only

- **stop()** - Stop the playback - this resets the player and remove the video src


## Breaking Changes

- Android will now attach/detach to the application suspend/resume and de-register/re-register video
- Subtile support will by default be disabled.


### Contributors

- Alex Semenov
- Alex Ziskind [@digitalix](https://twitter.com/digitalix)
- Blake Nussey
- Brad Martin [@BradWayneMartin](https://twitter.com/BradWayneMartin)
- Jibon Lawrence Costa
- Nathanael Anderson [@CongoCart](https://twitter.com/CongoCart)
- Nathan Walker [@wwwalkerrun](https://twitter.com/wwwalkerrun)
- Osie Fortune