react-native-video-trim 2.2.3 → 2.2.5

package/android/src/main/java/com/videotrim/widgets/VideoTrimmerView.java

@@ -56,6 +56,11 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
 
   private ReactApplicationContext mContext;
   private VideoView mVideoView;
+
+  // mediaPlayer is used for both video/audio
+  // the reason we use mediaPlayer for Video: https://stackoverflow.com/a/73361868/7569705
+  // the videoPlayer is to solve the issue after manually seek -> hit play -> it starts from a position slightly before with the one we just sought to
+  private MediaPlayer mediaPlayer;
   private ImageView mPlayView;
   private LinearLayout mThumbnailContainer;
   private Uri mSourceUri;
@@ -96,7 +101,6 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   private TextView cancelBtn;
   private FrameLayout audioBannerView;
   private boolean isVideoType = true;
-  private MediaPlayer audioPlayer;
   private ImageView failToLoadBtn;
 
   private String mOutputExt = "mp4";
@@ -110,6 +114,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   private String alertOnFailTitle = "Error";
   private String alertOnFailMessage = "Fail to load media. Possibly invalid file or no network connection";
   private String alertOnFailCloseText = "Close";
+  private View currentSelectedhandle;
 
   public VideoTrimmerView(ReactApplicationContext context, ReadableMap config, AttributeSet attrs) {
     this(context, attrs, 0, config);
@@ -171,11 +176,11 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
 
       mVideoView.setOnPreparedListener(mp -> {
         mp.setVideoScalingMode(MediaPlayer.VIDEO_SCALING_MODE_SCALE_TO_FIT);
+        mediaPlayer = mp;
         mediaPrepared();
       });
 
       mVideoView.setOnErrorListener(this::onFailToLoadMedia);
-
       mVideoView.setOnCompletionListener(mp -> mediaCompleted());
     } else {
       mVideoView.setVisibility(View.GONE);
@@ -183,16 +188,16 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       audioBannerView.setVisibility(View.VISIBLE);
       audioBannerView.animate().alpha(1f).setDuration(500).start();
 
-      audioPlayer = new MediaPlayer();
+      mediaPlayer = new MediaPlayer();
       try {
-        audioPlayer.setDataSource(videoURI.toString());
-        audioPlayer.setOnPreparedListener(mp -> {
+        mediaPlayer.setDataSource(videoURI.toString());
+        mediaPlayer.setOnPreparedListener(mp -> {
           mediaPrepared();
         });
-        audioPlayer.setOnCompletionListener(mp -> mediaCompleted());
-        audioPlayer.setOnErrorListener(this::onFailToLoadMedia);
+        mediaPlayer.setOnCompletionListener(mp -> mediaCompleted());
+        mediaPlayer.setOnErrorListener(this::onFailToLoadMedia);
 
-        audioPlayer.prepareAsync(); // use prepareAsync to avoid blocking the main thread
+        mediaPlayer.prepareAsync(); // use prepareAsync to avoid blocking the main thread
       } catch (IOException e) {
         e.printStackTrace();
         mediaFailed();
@@ -239,7 +244,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   }
 
   private void mediaPrepared() {
-    mDuration = isVideoType ? mVideoView.getDuration() : audioPlayer.getDuration();
+    mDuration = mediaPlayer.getDuration();
     mMaxDuration = Math.min(mMaxDuration, mDuration);
 
     if (isVideoType) {
@@ -327,46 +332,23 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   }
 
   private void playOrPause() {
-    if (isVideoType) {
-      if (mVideoView.isPlaying()) {
-        onMediaPause();
-      } else {
-        // if current video time >= end time, seek to start time
-        if (mVideoView.getCurrentPosition() >= endTime) {
-          seekTo(startTime, true);
-        }
-        mVideoView.start();
-        startTimingRunnable();
-      }
-      setPlayPauseViewIcon(mVideoView.isPlaying());
-
+    if (mediaPlayer.isPlaying()) {
+      onMediaPause();
     } else {
-      if (audioPlayer.isPlaying()) {
-        onMediaPause();
-      } else {
-        if (audioPlayer.getCurrentPosition() >= endTime) {
-          seekTo(startTime, true);
-        }
-        audioPlayer.start();
-        startTimingRunnable();
+      if (mediaPlayer.getCurrentPosition() >= endTime) {
+        seekTo(startTime, true);
       }
-      setPlayPauseViewIcon(audioPlayer.isPlaying());
+      mediaPlayer.start();
+      startTimingRunnable();
     }
+    setPlayPauseViewIcon(mediaPlayer.isPlaying());
   }
 
   public void onMediaPause() {
-    if (isVideoType) {
-      if (mVideoView.isPlaying()) {
-        mTimingHandler.removeCallbacks(mTimingRunnable);
-        mVideoView.pause();
-        setPlayPauseViewIcon(false);
-      }
-    } else {
-      if (audioPlayer.isPlaying()) {
-        mTimingHandler.removeCallbacks(mTimingRunnable);
-        audioPlayer.pause();
-        setPlayPauseViewIcon(false);
-      }
+    if (mediaPlayer.isPlaying()) {
+      mTimingHandler.removeCallbacks(mTimingRunnable);
+      mediaPlayer.pause();
+      setPlayPauseViewIcon(false);
     }
   }
 
@@ -402,10 +384,10 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   }
 
   private void seekTo(long msec, boolean needUpdateProgress) {
-    if (isVideoType) {
-      mVideoView.seekTo((int) msec);
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+      mediaPlayer.seekTo((int) msec, MediaPlayer.SEEK_CLOSEST);
     } else {
-      audioPlayer.seekTo((int) msec);
+      mediaPlayer.seekTo((int) msec);
     }
 
     updateCurrentTime(needUpdateProgress);
@@ -438,9 +420,15 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       e.printStackTrace();
     }
 
-    if (audioPlayer != null) {
-      audioPlayer.stop();
-      audioPlayer.release();
+    try {
+      if (mediaPlayer != null) {
+        mediaPlayer.stop();
+        mediaPlayer.release();
+      }
+    } catch (IllegalStateException e) {
+      // if it's video, resource is released with the view, and here we also call .release which will throw exception
+      e.printStackTrace();
+      Log.d(TAG, "onDestroy mediaPlayer is already released");
     }
   }
 
@@ -533,13 +521,21 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     mTimingRunnable = new Runnable() {
       @Override
       public void run() {
-        int currentPosition;
-        if (isVideoType) {
-          currentPosition = mVideoView.getCurrentPosition();
-        } else {
-          currentPosition = audioPlayer.getCurrentPosition();
+        // prevent crashing when video is playing and we close editor
+        try {
+          if (mediaPlayer == null || !mediaPlayer.isPlaying()) {
+            mTimingHandler.removeCallbacks(mTimingRunnable);
+            return;
+          }
+        } catch (IllegalStateException e) {
+          e.printStackTrace();
+          mTimingHandler.removeCallbacks(mTimingRunnable);
+          Log.d(TAG, "startTimingRunnable mediaPlayer is already released");
+          return;
         }
 
+        int currentPosition = mediaPlayer.getCurrentPosition();
+
         if (currentPosition >= endTime) {
           onMediaPause();
           seekTo(endTime, true); // Ensure exact end time display
@@ -555,12 +551,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   private void updateCurrentTime(boolean needUpdateProgress) {
     // TODO: check the case after drag the progress indicator and hit play, it'll play a little bit earlier than the progress indicator
 
-    int currentPosition;
-    if (isVideoType) {
-      currentPosition = mVideoView.getCurrentPosition();
-    } else {
-      currentPosition = audioPlayer.getCurrentPosition();
-    }
+    int currentPosition = mediaPlayer.getCurrentPosition();
 
     int duration = mDuration;
 
@@ -568,6 +559,8 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       currentPosition = duration;
     } else if (currentPosition >= endTime - 100) {
       currentPosition = (int) endTime;
+    } else if (currentPosition <= startTime + 100) {
+      currentPosition = (int) startTime;
     }
 
     String currentTime = formatTime(currentPosition);
@@ -583,9 +576,13 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       // Update progressIndicator position
       float indicatorPosition = (float) currentPosition / duration * (trimmerContainerBg.getWidth() - progressIndicator.getWidth()) + leadingHandle.getWidth();
 
-      float rightBoundary = trimmerContainer.getX() + trimmerContainer.getWidth() - progressIndicator.getWidth();
-
-      progressIndicator.setX(Math.min(rightBoundary, indicatorPosition));
+      if (currentSelectedhandle == leadingHandle) {
+        float leftBoundary = trimmerContainer.getX();
+        progressIndicator.setX(Math.max(leftBoundary, indicatorPosition));
+      } else {
+        float rightBoundary = trimmerContainer.getX() + trimmerContainer.getWidth() - progressIndicator.getWidth();
+        progressIndicator.setX(Math.min(rightBoundary, indicatorPosition));
+      }
     }
   }
 
@@ -655,6 +652,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     handle.setOnTouchListener((view, event) -> {
       switch (event.getAction()) {
         case MotionEvent.ACTION_DOWN:
+          currentSelectedhandle = handle;
           didClampWhilePanning = false;
           onMediaPause();
           fadeOutProgressIndicator();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-video-trim",
-  "version": "2.2.3",
+  "version": "2.2.5",
   "description": "Video trimmer for your React Native app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",