react-native-video-trim 2.1.0 → 2.2.1

package/ios/VideoTrim.swift

@@ -29,8 +29,6 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
     private var saveDialogCancelText = "Close"
     private var saveDialogConfirmText = "Proceed"
     private var fullScreenModalIOS  = false
-    private var maxDuration: Int?
-    private var minDuration: Int?
     private var cancelButtonText = "Cancel"
     private var saveButtonText = "Save"
     private var vc: VideoTrimmerViewController?
@@ -39,8 +37,18 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
     private var openDocumentsOnFinish = false
     private var openShareSheetOnFinish = false
     private var outputFile: URL?
-    private var enableHapticFeedback = true
-
+    private var closeWhenFinish = true
+    private var enableCancelTrimming = true;
+    private var cancelTrimmingButtonText = "Cancel";
+    private var enableCancelTrimmingDialog = true;
+    private var cancelTrimmingDialogTitle = "Warning!";
+    private var cancelTrimmingDialogMessage = "Are you sure want to trimming?";
+    private var cancelTrimmingDialogCancelText = "Close";
+    private var cancelTrimmingDialogConfirmText = "Proceed";
+    private var alertOnFailToLoad = true;
+    private var alertOnFailTitle = "Error";
+    private var alertOnFailMessage = "Fail to load media. Possibly invalid file or no network connection";
+    private var alertOnFailCloseText = "Close";
     
     @objc
     static override func requiresMainQueueSetup() -> Bool {
@@ -90,15 +98,19 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
         outputExt = config["outputExt"] as? String ?? "mp4"
         openDocumentsOnFinish = config["openDocumentsOnFinish"] as? Bool ?? false
         openShareSheetOnFinish = config["openShareSheetOnFinish"] as? Bool ?? false
-        enableHapticFeedback = config["enableHapticFeedback"] as? Bool ?? true
-
-        if let maxDuration = config["maxDuration"] as? Int {
-            self.maxDuration = maxDuration
-        }
         
-        if let minDuration = config["minDuration"] as? Int {
-            self.minDuration = minDuration
-        }
+        closeWhenFinish = config["closeWhenFinish"] as? Bool ?? true
+        enableCancelTrimming = config["enableCancelTrimming"] as? Bool ?? true
+        cancelTrimmingButtonText = config["cancelTrimmingButtonText"] as? String ?? "Cancel"
+        enableCancelTrimmingDialog = config["enableCancelTrimmingDialog"] as? Bool ?? true
+        cancelTrimmingDialogTitle = config["cancelTrimmingDialogTitle"] as? String ?? "Warning!"
+        cancelTrimmingDialogMessage = config["cancelTrimmingDialogMessage"] as? String ?? "Are you sure want to cancel trimming?"
+        cancelTrimmingDialogCancelText = config["cancelTrimmingDialogCancelText"] as? String ?? "Close"
+        cancelTrimmingDialogConfirmText = config["cancelTrimmingDialogConfirmText"] as? String ?? "Proceed"
+        alertOnFailToLoad = config["alertOnFailToLoad"] as? Bool ?? true
+        alertOnFailTitle = config["alertOnFailTitle"] as? String ?? "Error"
+        alertOnFailMessage = config["alertOnFailMessage"] as? String ?? "Fail to load media. Possibly invalid file or no network connection"
+        alertOnFailCloseText = config["alertOnFailCloseText"] as? String ?? "Close"
         
         if let cancelBtnText = config["cancelButtonText"] as? String, !cancelBtnText.isEmpty {
             self.cancelButtonText = cancelBtnText
@@ -110,26 +122,17 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
         
         let destPath = URL(string: uri)
         guard let destPath = destPath else { return }
-        let assetLoader = AssetLoader()
-        assetLoader.delegate = self
-        assetLoader.loadAsset(url: destPath, isVideoType: isVideoType)
         
         DispatchQueue.main.async {
             self.vc = VideoTrimmerViewController()
             
             guard let vc = self.vc else { return }
             
-            vc.maximumDuration = self.maxDuration
-            vc.minimumDuration = self.minDuration
-            vc.cancelBtnText = self.cancelButtonText
-            vc.saveButtonText = self.saveButtonText
-            vc.isVideoType = self.isVideoType
-            vc.enableHapticFeedback = self.enableHapticFeedback
+            vc.configure(config: config)
 
-            
             vc.cancelBtnClicked = {
                 if !self.enableCancelDialog {
-                    self.emitEventToJS("onCancelTrimming", eventData: nil)
+                    self.emitEventToJS("onCancel", eventData: nil)
                     
                     vc.dismiss(animated: true, completion: {
                         self.emitEventToJS("onHide", eventData: nil)
@@ -140,10 +143,11 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
                 
                 // Create Alert
                 let dialogMessage = UIAlertController(title: self.cancelDialogTitle, message: self.cancelDialogMessage, preferredStyle: .alert)
+                dialogMessage.overrideUserInterfaceStyle = .dark
                 
                 // Create OK button with action handler
                 let ok = UIAlertAction(title: self.cancelDialogConfirmText, style: .destructive, handler: { (action) -> Void in
-                    self.emitEventToJS("onCancelTrimming", eventData: nil)
+                    self.emitEventToJS("onCancel", eventData: nil)
                     
                     vc.dismiss(animated: true, completion: {
                         self.emitEventToJS("onHide", eventData: nil)
@@ -172,7 +176,8 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
                 
                 // Create Alert
                 let dialogMessage = UIAlertController(title: self.saveDialogTitle, message: self.saveDialogMessage, preferredStyle: .alert)
-                
+                dialogMessage.overrideUserInterfaceStyle = .dark
+
                 // Create OK button with action handler
                 let ok = UIAlertAction(title: self.saveDialogConfirmText, style: .default, handler: { (action) -> Void in
                     self.trim(viewController: vc,inputFile: destPath, videoDuration: vc.asset!.duration.seconds, startTime: selectedRange.start.seconds, endTime: selectedRange.end.seconds)
@@ -201,6 +206,12 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
                 root.present(vc, animated: true, completion: {
                     self.emitEventToJS("onShow", eventData: nil)
                     self.isShowing = true
+                    
+                    // start loading asset after view is finished presenting
+                    // otherwise it may run too fast for local file and autoplay looks weird
+                    let assetLoader = AssetLoader()
+                    assetLoader.delegate = self
+                    assetLoader.loadAsset(url: destPath, isVideoType: self.isVideoType)
                 })
             }
         }
@@ -303,6 +314,8 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
     }
     
     private func trim(viewController: VideoTrimmerViewController, inputFile: URL, videoDuration: Double, startTime: Double, endTime: Double) {
+        vc?.pausePlayer()
+        
         let timestamp = Int(Date().timeIntervalSince1970)
         let outputName = "\(FILE_PREFIX)_\(timestamp).\(outputExt)"
         let documentsDirectory = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask).first!
@@ -313,25 +326,60 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
         formatter.timeZone = TimeZone(identifier: "UTC")
         let dateTime = formatter.string(from: Date())
         
-        self.emitEventToJS("onStartTrimming", eventData: nil)
+        emitEventToJS("onStartTrimming", eventData: nil)
         
-        // Create Alert
-        let progressDialog = UIAlertController(title: trimmingText, message: nil, preferredStyle: .alert)
+        var ffmpegSession: FFmpegSession?
+        let progressAlert = ProgressAlertController()
+        progressAlert.modalPresentationStyle = .overFullScreen
+        progressAlert.modalTransitionStyle = .crossDissolve
+        progressAlert.setTitle(trimmingText)
         
-        // Present alert message to user
-        let progressView = UIProgressView(frame: .zero)
-        progressView.tintColor = .systemBlue
-        if let root = RCTPresentedViewController() {
-            root.present(progressDialog, animated: true, completion: {
-                progressDialog.view.addSubview(progressView)
+        if enableCancelTrimming {
+            progressAlert.setCancelTitle(cancelTrimmingButtonText)
+            progressAlert.showCancelBtn()
+            progressAlert.onDismiss = {
+                if self.enableCancelTrimmingDialog {
+                    let dialogMessage = UIAlertController(title: self.cancelTrimmingDialogTitle, message: self.cancelTrimmingDialogMessage, preferredStyle: .alert)
+                    dialogMessage.overrideUserInterfaceStyle = .dark
+
+                    // Create OK button with action handler
+                    let ok = UIAlertAction(title: self.cancelDialogConfirmText, style: .destructive, handler: { (action) -> Void in
+                        
+                        if let ffmpegSession = ffmpegSession {
+                            ffmpegSession.cancel()
+                        } else {
+                            self.emitEventToJS("onCancelTrimming", eventData: nil)
+                        }
+                        
+                        progressAlert.dismiss(animated: true)
+                    })
+                    
+                    // Create Cancel button with action handlder
+                    let cancel = UIAlertAction(title: self.cancelDialogCancelText, style: .cancel)
+                    
+                    //Add OK and Cancel button to an Alert object
+                    dialogMessage.addAction(ok)
+                    dialogMessage.addAction(cancel)
+                    
+                    // Present alert message to user
+                    if let root = RCTPresentedViewController() {
+                        root.present(dialogMessage, animated: true, completion: nil)
+                    }
+                } else {
+                    if let ffmpegSession = ffmpegSession {
+                        ffmpegSession.cancel()
+                    } else {
+                        self.emitEventToJS("onCancelTrimming", eventData: nil)
+                    }
+                    
+                    progressAlert.dismiss(animated: true)
+                }
                 
-                progressView.translatesAutoresizingMaskIntoConstraints = false
-                NSLayoutConstraint.activate([
-                    progressView.leadingAnchor.constraint(equalTo: progressDialog.view.leadingAnchor, constant: 8),
-                    progressView.trailingAnchor.constraint(equalTo: progressDialog.view.trailingAnchor, constant: -8),
-                    progressView.bottomAnchor.constraint(equalTo: progressDialog.view.bottomAnchor, constant: -8)
-                ])
-            })
+            }
+        }
+        
+        if let root = RCTPresentedViewController() {
+            root.present(progressAlert, animated: true, completion: nil)
         }
         
         let cmds = [
@@ -355,14 +403,16 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
         ]
         self.emitEventToJS("onLog", eventData: eventPayload)
         
-        FFmpegKit.execute(withArgumentsAsync: cmds, withCompleteCallback: { session in
+        ffmpegSession = FFmpegKit.execute(withArgumentsAsync: cmds, withCompleteCallback: { session in
+            
+            // always hide progressAlert
             DispatchQueue.main.async {
-                progressDialog.dismiss(animated: true)
+                progressAlert.dismiss(animated: true)
             }
             
             let state = session?.getState()
             let returnCode = session?.getReturnCode()
-
+            
             if ReturnCode.isSuccess(returnCode) {
                 let eventPayload: [String: Any] = ["outputPath": self.outputFile!.absoluteString, "startTime": (startTime * 1000).rounded(), "endTime": (endTime * 1000).rounded(), "duration": (videoDuration * 1000).rounded()]
                 self.emitEventToJS("onFinishTrimming", eventData: eventPayload)
@@ -403,12 +453,23 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
                     // must return otherwise editor will close
                     return
                 }
+                
+                if self.closeWhenFinish {
+                    self.closeEditor()
+                }
+                
+            } else if ReturnCode.isCancel(returnCode) {
+                // CANCEL
+                self.emitEventToJS("onCancelTrimming", eventData: nil)
             } else {
-                // CANCEL + FAILURE
+                // FAILURE
                 self.onError(message: "Command failed with state \(String(describing: FFmpegKitConfig.sessionState(toString: state ?? .failed))) and rc \(String(describing: returnCode)).\(String(describing: session?.getFailStackTrace()))", code: .trimmingFailed)
+                if self.closeWhenFinish {
+                    self.closeEditor()
+                }
             }
             
-            self.closeEditor()
+            
         }, withLogCallback: { log in
             guard let log = log else { return }
             
@@ -428,7 +489,7 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
             if timeInMilliseconds > 0 {
                 let completePercentage = timeInMilliseconds / (videoDuration * 1000); // from 0 -> 1
                 DispatchQueue.main.async {
-                    progressView.setProgress(Float(completePercentage), animated: true)
+                    progressAlert.setProgress(Float(completePercentage))
                 }
             }
             
@@ -450,14 +511,35 @@ class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDelegate
         let message = "Failed to load \(key): \(error.localizedDescription)"
         print(message)
         
-        self.onError(message: message, code: .failToLoadVideo)
+        self.onError(message: message, code: .failToLoadMedia)
         vc?.onAssetFailToLoad()
+        
+        if alertOnFailToLoad {
+            let dialogMessage = UIAlertController(title: alertOnFailTitle, message: alertOnFailMessage, preferredStyle: .alert)
+            dialogMessage.overrideUserInterfaceStyle = .dark
+
+            // Create Cancel button with action handlder
+            let ok = UIAlertAction(title: alertOnFailCloseText, style: .default)
+            
+            //Add OK and Cancel button to an Alert object
+            dialogMessage.addAction(ok)
+            
+            // Present alert message to user
+            if let root = RCTPresentedViewController() {
+                root.present(dialogMessage, animated: true, completion: nil)
+            }
+        }
     }
     
     func assetLoaderDidSucceed(_ loader: AssetLoader) {
         print("Asset loaded successfully")
         
         vc?.asset = loader.asset
+        
+        let eventPayload: [String: Any] = [
+            "duration": loader.asset!.duration.seconds * 1000,
+        ]
+        self.emitEventToJS("onLoad", eventData: eventPayload)
     }
     
     

package/ios/VideoTrimmerViewController.swift

@@ -29,29 +29,16 @@ class VideoTrimmerViewController: UIViewController {
                 setupPlayerController()
                 setupTimeObserver()
                 updateLabels()
-                
-                loadingIndicator.stopAnimating()
-                btnStackView.removeArrangedSubview(loadingIndicator)
-                loadingIndicator.removeFromSuperview()
-                btnStackView.insertArrangedSubview(playBtn, at: 1)
-                
-                UIView.animate(withDuration: 0.25, animations: {
-                    self.playBtn.alpha = 1
-                    self.playBtn.isEnabled = true
-                    self.saveBtn.alpha = 1
-                    self.saveBtn.isEnabled = true
-                })
             }
         }
     }
-    var maximumDuration: Int?
-    var minimumDuration: Int?
-    var cancelBtnText = "Cancel"
-    var saveButtonText = "Save"
+    private var maximumDuration: Int?
+    private var minimumDuration: Int?
+    private var cancelButtonText = "Cancel"
+    private var saveButtonText = "Save"
     var cancelBtnClicked: (() -> Void)?
     var saveBtnClicked: ((CMTimeRange) -> Void)?
-    var isVideoType = true
-    var enableHapticFeedback = true
+    private var enableHapticFeedback = true
     
     private let playerController = AVPlayerViewController()
     private var trimmer: VideoTrimmer!
@@ -62,13 +49,19 @@ class VideoTrimmerViewController: UIViewController {
     private var btnStackView: UIStackView!
     private var cancelBtn: UIButton!
     private var playBtn: UIButton!
-    private var loadingIndicator = UIActivityIndicatorView()
+    private let loadingIndicator = UIActivityIndicatorView()
     private var saveBtn: UIButton!
     private let playIcon = UIImage(systemName: "play.fill")
     private let pauseIcon = UIImage(systemName: "pause.fill")
     private let audioBannerView = UIImage(systemName: "airpodsmax")
     private var player: AVPlayer! { playerController.player }
     private var timeObserverToken: Any?
+    private var autoplay = false
+    private var jumpToPositionOnLoad: Double = 0;
+    private var headerText: String?
+    private var headerTextSize = 16
+    private var headerTextColor: NSNumber?
+    private var headerView: UIView?
     
     var isSeekInProgress: Bool = false  // Marker
     private var chaseTime = CMTime.zero
@@ -83,7 +76,7 @@ class VideoTrimmerViewController: UIViewController {
         let imageView = UIImageView(image: UIImage(systemName: "exclamationmark.triangle.fill"))
         imageView.tintColor = .systemYellow
         imageView.translatesAutoresizingMaskIntoConstraints = false
-
+        
         imageViewContainer.addSubview(imageView)
         NSLayoutConstraint.activate([
             imageView.widthAnchor.constraint(equalToConstant: 36),
@@ -94,7 +87,7 @@ class VideoTrimmerViewController: UIViewController {
         imageViewContainer.alpha = 0
         
         btnStackView.insertArrangedSubview(imageViewContainer, at: 1)
-
+        
         UIView.animate(withDuration: 0.25, animations: {
             imageViewContainer.alpha = 1
         })
@@ -158,7 +151,7 @@ class VideoTrimmerViewController: UIViewController {
     private func handleTrimmingEnd(_ start: Bool) {
         self.trimmer.progress = start ? trimmer.selectedRange.start : trimmer.selectedRange.end
         updateLabels()
-        player.seek(to: trimmer.progress, toleranceBefore: .zero, toleranceAfter: .zero)
+        seek(to: trimmer.progress)
     }
     
     // MARK: - UIViewController
@@ -176,6 +169,10 @@ class VideoTrimmerViewController: UIViewController {
         // if asset has been initialized
         guard let _ = asset else { return }
         player.pause()
+        
+        // Clean up the observer
+        player.removeObserver(self, forKeyPath: "status")
+        
         if let token = timeObserverToken {
             player.removeTimeObserver(token)
             timeObserverToken = nil
@@ -187,13 +184,18 @@ class VideoTrimmerViewController: UIViewController {
         playerController.dismiss(animated: false, completion: nil)
     }
     
+    public func pausePlayer() {
+        player.pause()
+        setPlayBtnIcon()
+    }
+    
     @objc private func togglePlay(sender: UIButton) {
         if player.timeControlStatus == .playing {
             player.pause()
         } else {
             if CMTimeCompare(trimmer.progress, trimmer.selectedRange.end) != -1 {
                 trimmer.progress = trimmer.selectedRange.start
-                player.seek(to: trimmer.progress, toleranceBefore: .zero, toleranceAfter: .zero)
+                self.seek(to: trimmer.progress)
             }
             
             player.play()
@@ -212,11 +214,41 @@ class VideoTrimmerViewController: UIViewController {
     
     // MARK: - Setup Methods
     private func setupView() {
-        view.backgroundColor = .black
+        self.overrideUserInterfaceStyle = .dark
+        view.backgroundColor = .black // need to have this otherwise during animation the background of this VC is still white in white theme
+        
+        if let headerText = headerText {
+            headerView = UIView()
+            headerView!.translatesAutoresizingMaskIntoConstraints = false
+            view.addSubview(headerView!)
+            let headerTextView = UITextView()
+            headerTextView.text = headerText
+            headerTextView.textAlignment = .center
+            headerTextView.textColor = headerTextColor != nil ? RCTConvert.uiColor(headerTextColor) : .white
+            headerTextView.font = UIFont.systemFont(ofSize: CGFloat(headerTextSize))  // Set font size here
+            headerTextView.translatesAutoresizingMaskIntoConstraints = false
+            headerView!.addSubview(headerTextView)
+            
+            NSLayoutConstraint.activate([
+                // HeaderView constraints
+                headerView!.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
+                headerView!.leadingAnchor.constraint(equalTo: view.leadingAnchor),
+                headerView!.trailingAnchor.constraint(equalTo: view.trailingAnchor),
+                headerView!.heightAnchor.constraint(greaterThanOrEqualToConstant: 50),
+                
+                // HeaderText constraints
+                headerTextView.topAnchor.constraint(equalTo: headerView!.topAnchor),
+                headerTextView.bottomAnchor.constraint(equalTo: headerView!.bottomAnchor),
+                headerTextView.leadingAnchor.constraint(equalTo: headerView!.leadingAnchor),
+                headerTextView.trailingAnchor.constraint(equalTo: headerView!.trailingAnchor),
+            ])
+            
+            view.layoutIfNeeded() // layout after activate constraints, otherwise headerView height = screen height, which leads to playerViewController is missing at runtime
+        }
     }
     
     private func setupButtons() {
-        cancelBtn = UIButton.createButton(title: cancelBtnText, font: .systemFont(ofSize: 18), titleColor: .white, target: self, action: #selector(onCancelBtnClicked))
+        cancelBtn = UIButton.createButton(title: cancelButtonText, font: .systemFont(ofSize: 18), titleColor: .white, target: self, action: #selector(onCancelBtnClicked))
         playBtn = UIButton.createButton(image: playIcon, tintColor: .white, target: self, action: #selector(togglePlay(sender:)))
         playBtn.alpha = 0
         playBtn.isEnabled = false
@@ -317,6 +349,9 @@ class VideoTrimmerViewController: UIViewController {
         playerController.player = AVPlayer()
         player.replaceCurrentItem(with: AVPlayerItem(asset: asset!))
         
+        // Add observer for player status
+        player.addObserver(self, forKeyPath: "status", options: [.new, .initial], context: nil)
+        
         try? AVAudioSession.sharedInstance().setCategory(.playback, mode: .default, options: [])
         addChild(playerController)
         view.addSubview(playerController.view)
@@ -324,7 +359,7 @@ class VideoTrimmerViewController: UIViewController {
         NSLayoutConstraint.activate([
             playerController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
             playerController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
-            playerController.view.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
+            playerController.view.topAnchor.constraint(equalTo: headerView != nil ? headerView!.bottomAnchor : view.safeAreaLayoutGuide.topAnchor),
             playerController.view.bottomAnchor.constraint(equalTo: trimmer.topAnchor, constant: -16)
         ])
         
@@ -352,7 +387,7 @@ class VideoTrimmerViewController: UIViewController {
             if CMTimeCompare(self.trimmer.progress, trimmer.selectedRange.end) == 1 {
                 player.pause()
                 self.trimmer.progress = trimmer.selectedRange.end
-                player.seek(to: trimmer.selectedRange.end, toleranceBefore: .zero, toleranceAfter: .zero)
+                self.seek(to: trimmer.selectedRange.end)
             }
             
             currentTimeLabel.text = trimmer.progress.displayString
@@ -399,6 +434,74 @@ class VideoTrimmerViewController: UIViewController {
             }
         }
     }
+    
+    public func configure(config: NSDictionary) {
+        if let maxDuration = config["maxDuration"] as? Int {
+            maximumDuration = maxDuration
+        }
+        
+        if let minDuration = config["minDuration"] as? Int {
+            minimumDuration = minDuration
+        }
+        
+        if let cancelButtonText = config["cancelButtonText"] as? String, !cancelButtonText.isEmpty {
+            self.cancelButtonText = cancelButtonText
+        }
+        
+        if let saveButtonText = config["saveButtonText"] as? String, !saveButtonText.isEmpty {
+            self.saveButtonText = saveButtonText
+        }
+        
+        if let jumpToPositionOnLoad = config["jumpToPositionOnLoad"] as? Int {
+            self.jumpToPositionOnLoad = Double(jumpToPositionOnLoad)
+        }
+        
+        enableHapticFeedback = config["enableHapticFeedback"] as? Bool ?? true
+        autoplay = config["autoplay"] as? Bool ?? false
+        
+        if let jumpToPositionOnLoad = config["jumpToPositionOnLoad"] as? Int {
+            self.jumpToPositionOnLoad = Double(jumpToPositionOnLoad)
+        }
+        
+        if let headerText = config["headerText"] as? String, !headerText.isEmpty {
+            self.headerText = headerText
+            
+            headerTextSize = config["headerTextSize"] as? Int ?? 16
+            headerTextColor = config["headerTextColor"] as? NSNumber
+        }
+    }
+    
+    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
+        if keyPath == "status" {
+            if player.status == .readyToPlay {
+                loadingIndicator.stopAnimating()
+                btnStackView.removeArrangedSubview(loadingIndicator)
+                loadingIndicator.removeFromSuperview()
+                btnStackView.insertArrangedSubview(playBtn, at: 1)
+                
+                UIView.animate(withDuration: 0.25, animations: {
+                    self.playBtn.alpha = 1
+                    self.playBtn.isEnabled = true
+                    self.saveBtn.alpha = 1
+                    self.saveBtn.isEnabled = true
+                })
+            
+                if jumpToPositionOnLoad > 0 {
+                    let duration = (asset?.duration.seconds ?? 0) * 1000
+                    let time = jumpToPositionOnLoad > duration ? duration : jumpToPositionOnLoad
+                    let cmtime = CMTime(value: CMTimeValue(time), timescale: 1000)
+                    
+                    self.seek(to: cmtime)
+                    self.trimmer.progress = cmtime
+                    self.currentTimeLabel.text = self.trimmer.progress.displayString
+                }
+                
+                if autoplay {
+                    togglePlay(sender: playBtn)
+                }
+            }
+        }
+    }
 }
 
 private extension UIButton {

package/lib/commonjs/index.js

@@ -28,7 +28,14 @@ const VideoTrim = _reactNative.NativeModules.VideoTrim ? _reactNative.NativeModu
  */
 function showEditor(filePath) {
   let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  VideoTrim.showEditor(filePath, config);
+  const {
+    headerTextColor
+  } = config;
+  const color = (0, _reactNative.processColor)(headerTextColor);
+  VideoTrim.showEditor(filePath, {
+    ...config,
+    headerTextColor: color
+  });
 }
 
 /**

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","LINKING_ERROR","Platform","select","ios","default","VideoTrim","NativeModules","Proxy","get","Error","showEditor","filePath","config","arguments","length","undefined","listFiles","cleanFiles","deleteFile","trim","closeEditor","isValidFile","url"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAChB,kFAAiF,GAClFC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,SAAS,GAAGC,0BAAa,CAACD,SAAS,GACrCC,0BAAa,CAACD,SAAS,GACvB,IAAIE,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACT,aAAa,CAAC;EAChC;AACF,CACF,CAAC;AA2DL;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,UAAUA,CAACC,QAAgB,EAAmC;EAAA,IAAjCC,MAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACpER,SAAS,CAACK,UAAU,CAACC,QAAQ,EAAEC,MAAM,CAAC;AACxC;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASI,SAASA,CAAA,EAAsB;EAC7C,OAAOX,SAAS,CAACW,SAAS,CAAC,CAAC;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,UAAUA,CAAA,EAAoB;EAC5C,OAAOZ,SAAS,CAACY,UAAU,CAAC,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,UAAUA,CAACP,QAAgB,EAAoB;EAC7D,IAAI,EAACA,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEQ,IAAI,CAAC,CAAC,CAACL,MAAM,GAAE;IAC5B,MAAM,IAAIL,KAAK,CAAC,4BAA4B,CAAC;EAC/C;EACA,OAAOJ,SAAS,CAACa,UAAU,CAACP,QAAQ,CAAC;AACvC;;AAEA;AACA;AACA;AACO,SAASS,WAAWA,CAAA,EAAS;EAClC,OAAOf,SAAS,CAACe,WAAW,CAAC,CAAC;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAACC,GAAW,EAAoB;EACzD,OAAOjB,SAAS,CAACgB,WAAW,CAACC,GAAG,CAAC;AACnC"}
+{"version":3,"names":["_reactNative","require","LINKING_ERROR","Platform","select","ios","default","VideoTrim","NativeModules","Proxy","get","Error","showEditor","filePath","config","arguments","length","undefined","headerTextColor","color","processColor","listFiles","cleanFiles","deleteFile","trim","closeEditor","isValidFile","url"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,MAAMC,aAAa,GAChB,kFAAiF,GAClFC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,SAAS,GAAGC,0BAAa,CAACD,SAAS,GACrCC,0BAAa,CAACD,SAAS,GACvB,IAAIE,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACT,aAAa,CAAC;EAChC;AACF,CACF,CAAC;AAiOL;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,UAAUA,CAACC,QAAgB,EAAmC;EAAA,IAAjCC,MAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACpE,MAAM;IAAEG;EAAgB,CAAC,GAAGJ,MAAM;EAClC,MAAMK,KAAK,GAAG,IAAAC,yBAAY,EAACF,eAAe,CAAC;EAC3CX,SAAS,CAACK,UAAU,CAACC,QAAQ,EAAE;IAAE,GAAGC,MAAM;IAAEI,eAAe,EAAEC;EAAM,CAAC,CAAC;AACvE;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,SAASA,CAAA,EAAsB;EAC7C,OAAOd,SAAS,CAACc,SAAS,CAAC,CAAC;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,UAAUA,CAAA,EAAoB;EAC5C,OAAOf,SAAS,CAACe,UAAU,CAAC,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,UAAUA,CAACV,QAAgB,EAAoB;EAC7D,IAAI,EAACA,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEW,IAAI,CAAC,CAAC,CAACR,MAAM,GAAE;IAC5B,MAAM,IAAIL,KAAK,CAAC,4BAA4B,CAAC;EAC/C;EACA,OAAOJ,SAAS,CAACgB,UAAU,CAACV,QAAQ,CAAC;AACvC;;AAEA;AACA;AACA;AACO,SAASY,WAAWA,CAAA,EAAS;EAClC,OAAOlB,SAAS,CAACkB,WAAW,CAAC,CAAC;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAACC,GAAW,EAAoB;EACzD,OAAOpB,SAAS,CAACmB,WAAW,CAACC,GAAG,CAAC;AACnC"}

package/lib/module/index.js

@@ -1,4 +1,4 @@
-import { NativeModules, Platform } from 'react-native';
+import { NativeModules, Platform, processColor } from 'react-native';
 const LINKING_ERROR = `The package 'react-native-video-trim' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
   ios: "- You have run 'pod install'\n",
   default: ''
@@ -17,7 +17,14 @@ const VideoTrim = NativeModules.VideoTrim ? NativeModules.VideoTrim : new Proxy(
  */
 export function showEditor(filePath) {
   let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  VideoTrim.showEditor(filePath, config);
+  const {
+    headerTextColor
+  } = config;
+  const color = processColor(headerTextColor);
+  VideoTrim.showEditor(filePath, {
+    ...config,
+    headerTextColor: color
+  });
 }
 
 /**

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","VideoTrim","Proxy","get","Error","showEditor","filePath","config","arguments","length","undefined","listFiles","cleanFiles","deleteFile","trim","closeEditor","isValidFile","url"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAEtD,MAAMC,aAAa,GAChB,kFAAiF,GAClFD,QAAQ,CAACE,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,SAAS,GAAGN,aAAa,CAACM,SAAS,GACrCN,aAAa,CAACM,SAAS,GACvB,IAAIC,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACP,aAAa,CAAC;EAChC;AACF,CACF,CAAC;AA2DL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,UAAUA,CAACC,QAAgB,EAAmC;EAAA,IAAjCC,MAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACpEP,SAAS,CAACI,UAAU,CAACC,QAAQ,EAAEC,MAAM,CAAC;AACxC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,SAASA,CAAA,EAAsB;EAC7C,OAAOV,SAAS,CAACU,SAAS,CAAC,CAAC;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAA,EAAoB;EAC5C,OAAOX,SAAS,CAACW,UAAU,CAAC,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAACP,QAAgB,EAAoB;EAC7D,IAAI,EAACA,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEQ,IAAI,CAAC,CAAC,CAACL,MAAM,GAAE;IAC5B,MAAM,IAAIL,KAAK,CAAC,4BAA4B,CAAC;EAC/C;EACA,OAAOH,SAAS,CAACY,UAAU,CAACP,QAAQ,CAAC;AACvC;;AAEA;AACA;AACA;AACA,OAAO,SAASS,WAAWA,CAAA,EAAS;EAClC,OAAOd,SAAS,CAACc,WAAW,CAAC,CAAC;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAACC,GAAW,EAAoB;EACzD,OAAOhB,SAAS,CAACe,WAAW,CAACC,GAAG,CAAC;AACnC"}
+{"version":3,"names":["NativeModules","Platform","processColor","LINKING_ERROR","select","ios","default","VideoTrim","Proxy","get","Error","showEditor","filePath","config","arguments","length","undefined","headerTextColor","color","listFiles","cleanFiles","deleteFile","trim","closeEditor","isValidFile","url"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SACEA,aAAa,EACbC,QAAQ,EACRC,YAAY,QAEP,cAAc;AAErB,MAAMC,aAAa,GAChB,kFAAiF,GAClFF,QAAQ,CAACG,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,SAAS,GAAGP,aAAa,CAACO,SAAS,GACrCP,aAAa,CAACO,SAAS,GACvB,IAAIC,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACP,aAAa,CAAC;EAChC;AACF,CACF,CAAC;AAiOL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,UAAUA,CAACC,QAAgB,EAAmC;EAAA,IAAjCC,MAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACpE,MAAM;IAAEG;EAAgB,CAAC,GAAGJ,MAAM;EAClC,MAAMK,KAAK,GAAGhB,YAAY,CAACe,eAAe,CAAC;EAC3CV,SAAS,CAACI,UAAU,CAACC,QAAQ,EAAE;IAAE,GAAGC,MAAM;IAAEI,eAAe,EAAEC;EAAM,CAAC,CAAC;AACvE;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAA,EAAsB;EAC7C,OAAOZ,SAAS,CAACY,SAAS,CAAC,CAAC;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAA,EAAoB;EAC5C,OAAOb,SAAS,CAACa,UAAU,CAAC,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAACT,QAAgB,EAAoB;EAC7D,IAAI,EAACA,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,IAAI,CAAC,CAAC,CAACP,MAAM,GAAE;IAC5B,MAAM,IAAIL,KAAK,CAAC,4BAA4B,CAAC;EAC/C;EACA,OAAOH,SAAS,CAACc,UAAU,CAACT,QAAQ,CAAC;AACvC;;AAEA;AACA;AACA;AACA,OAAO,SAASW,WAAWA,CAAA,EAAS;EAClC,OAAOhB,SAAS,CAACgB,WAAW,CAAC,CAAC;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAACC,GAAW,EAAoB;EACzD,OAAOlB,SAAS,CAACiB,WAAW,CAACC,GAAG,CAAC;AACnC"}