Video Filters and Save Video

CHANGELOG.md

@@ -15,6 +15,7 @@
 * Add fullscreenOrientation option for iOS [#1215](https://github.com/react-native-community/react-native-video/pull/1215)
 * Update to ExoPlayer 2.9.0 [#1285](https://github.com/react-native-community/react-native-video/pull/1285)
 * Switch useTextureView to default to `true` [#1286](https://github.com/react-native-community/react-native-video/pull/1286)
+* Video Filters and Save Video [#1306](https://github.com/react-native-community/react-native-video/pull/1306)
 
 ### Version 3.2.0
 * Basic fullscreen support for Android MediaPlayer [#1138](https://github.com/react-native-community/react-native-video/pull/1138)

README.md

@@ -281,6 +281,7 @@ var styles = StyleSheet.create({
 * [textTracks](#texttracks)
 * [useTextureView](#usetextureview)
 * [volume](#volume)
+* [filter](#filter)
 
 ### Event props
 * [onAudioBecomingNoisy](#onaudiobecomingnoisy)
@@ -299,6 +300,7 @@ var styles = StyleSheet.create({
 * [dismissFullscreenPlayer](#dismissfullscreenplayer)
 * [presentFullscreenPlayer](#presentfullscreenplayer)
 * [seek](#seek)
+* [saveAsync](#saveAsync())
 
 ### Configurable props
 
@@ -665,6 +667,17 @@ Adjust the volume.
 
 Platforms: all
 
+#### filter
+Add video filter
+* **Normal (default)** - Normal Filter
+* **Country** - Sepia Filter
+* **Winter** - Cool Filter
+* **Black N White** - Black and White Filter
+* **Sunrise** - Warm Filter
+* **Artistic** - Posterize Filter
+
+Platforms: iOS
+
 ### Event props
 
 #### onAudioBecomingNoisy
@@ -902,6 +915,19 @@ this.player.seek(120, 50); // Seek to 2 minutes with +/- 50 milliseconds accurac
 
 Platforms: iOS
 
+##### saveAsync()
+`saveAsync(): Promise`
+
+Save video with current filter. Returns promise.
+
+Example:
+```
+let response = await this.save();
+let path = response.uri;
+```
+
+Platforms: iOS
+
 
 ### iOS App Transport Security
 

Video.js

@@ -1,6 +1,6 @@
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
-import {StyleSheet, requireNativeComponent, NativeModules, View, ViewPropTypes, Image, Platform} from 'react-native';
+import {StyleSheet, requireNativeComponent, NativeModules, View, ViewPropTypes, Image, Platform, findNodeHandle} from 'react-native';
 import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
 import TextTrackType from './TextTrackType';
 import VideoResizeMode from './VideoResizeMode.js';
@@ -71,6 +71,10 @@ export default class Video extends Component {
     this.setNativeProps({ fullscreen: false });
   };
 
+  saveAsync = async (options?) => {
+    return await NativeModules.VideoManager.save(options, findNodeHandle(this._root));
+  }
+
   _assignRoot = (component) => {
     this._root = component;
   };
@@ -274,7 +278,10 @@ export default class Video extends Component {
   }
 }
 
+Video.filterTypes = ['Normal', 'Country', 'Winter', 'Black N White', 'Sunrise', 'Artistic'];
+
 Video.propTypes = {
+  filter: PropTypes.oneOf(Video.filterTypes),
   /* Native only */
   src: PropTypes.object,
   seek: PropTypes.oneOfType([

ios/Video/RCTVideo.h

@@ -4,6 +4,7 @@
 #import "RCTVideoPlayerViewController.h"
 #import "RCTVideoPlayerViewControllerDelegate.h"
 #import <React/RCTComponent.h>
+#import <React/RCTBridgeModule.h>
 
 #if __has_include(<react-native-video/RCTVideoCache.h>)
 #import <react-native-video/RCTVideoCache.h>
@@ -41,4 +42,6 @@
 
 - (AVPlayerViewController*)createPlayerViewController:(AVPlayer*)player withPlayerItem:(AVPlayerItem*)playerItem;
 
+- (void)save:(NSDictionary *)options resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject;
+
 @end