react-native-video-trim 2.0.0 → 2.1.0

package/android/src/main/java/com/videotrim/utils/VideoTrimmerUtil.java

@@ -1,14 +1,13 @@
 package com.videotrim.utils;
 
-import android.content.Context;
 import android.graphics.Bitmap;
 import android.media.MediaMetadataRetriever;
-import android.net.Uri;
 import com.arthenica.ffmpegkit.FFmpegKit;
 import com.arthenica.ffmpegkit.ReturnCode;
 import com.arthenica.ffmpegkit.SessionState;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
+import com.videotrim.enums.ErrorCode;
 import com.videotrim.interfaces.VideoTrimListener;
 
 import java.text.SimpleDateFormat;
@@ -31,6 +30,7 @@ public class VideoTrimmerUtil {
   public static int MAX_COUNT_RANGE = 10;  // how many images in the highlight range of seek bar
   public static int SCREEN_WIDTH_FULL = DeviceUtil.getDeviceWidth();
   public static final int RECYCLER_VIEW_PADDING = UnitConverter.dpToPx(35);
+  public static String DEFAULT_AUDIO_EXTENSION = ".wav";
   public static int VIDEO_FRAMES_WIDTH = SCREEN_WIDTH_FULL - RECYCLER_VIEW_PADDING * 2;
 //  public static final int THUMB_WIDTH = (SCREEN_WIDTH_FULL - RECYCLER_VIEW_PADDING * 2) / VIDEO_MAX_TIME;
   public static int mThumbWidth = 0; // make it automatic
@@ -65,6 +65,7 @@ public class VideoTrimmerUtil {
       "creation_time=" + formattedDateTime,
       outputFile
     };
+    System.out.println("Commandddddd: " + String.join(",", cmds));
 
     FFmpegKit.executeWithArgumentsAsync(cmds, session -> {
       SessionState state = session.getState();
@@ -77,7 +78,7 @@ public class VideoTrimmerUtil {
       else {
         // CANCEL + FAILURE
         String errorMessage = String.format("Command failed with state %s and rc %s.%s", state, returnCode, session.getFailStackTrace());
-        callback.onError(errorMessage);
+        callback.onError(errorMessage, ErrorCode.TRIMMING_FAILED);
       }
     }, log -> {
       System.out.println("FFmpeg process started with log " + log.getMessage());
@@ -110,18 +111,25 @@ public class VideoTrimmerUtil {
     });
   }
 
-  public static void shootVideoThumbInBackground(final Context context, final Uri videoUri, final int totalThumbsCount, final long startPosition,
+  public static void shootVideoThumbInBackground(final MediaMetadataRetriever mediaMetadataRetriever, final int totalThumbsCount, final long startPosition,
                                                  final long endPosition, final SingleCallback<Bitmap, Integer> callback) {
     BackgroundExecutor.execute(new BackgroundExecutor.Task("", 0L, "") {
       @Override public void execute() {
         try {
-          MediaMetadataRetriever mediaMetadataRetriever = new MediaMetadataRetriever();
-          mediaMetadataRetriever.setDataSource(context, videoUri);
           // Retrieve media data use microsecond
           long interval = (endPosition - startPosition) / (totalThumbsCount - 1);
           for (long i = 0; i < totalThumbsCount; ++i) {
             long frameTime = startPosition + interval * i;
-            Bitmap bitmap = mediaMetadataRetriever.getFrameAtTime(frameTime * 1000, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
+
+            Bitmap bitmap;
+            try {
+              bitmap = mediaMetadataRetriever.getFrameAtTime(frameTime * 1000, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
+            } catch (final Throwable t) {
+              // this can happen while thumbnails are being generated in background and we press Cancel
+              t.printStackTrace();
+              break;
+            }
+
             if(bitmap == null) continue;
             try {
               bitmap = Bitmap.createScaledBitmap(bitmap, mThumbWidth * THUMB_RESOLUTION_RES, THUMB_HEIGHT * THUMB_RESOLUTION_RES, false);
@@ -130,7 +138,6 @@ public class VideoTrimmerUtil {
             }
             callback.onSingleCallback(bitmap, (int) interval);
           }
-          mediaMetadataRetriever.release();
         } catch (final Throwable e) {
           Thread.getDefaultUncaughtExceptionHandler().uncaughtException(Thread.currentThread(), e);
         }

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

@@ -1,6 +1,7 @@
 package com.videotrim.widgets;
 
 import static com.facebook.react.bridge.UiThreadUtil.runOnUiThread;
+import static com.videotrim.utils.VideoTrimmerUtil.DEFAULT_AUDIO_EXTENSION;
 import static com.videotrim.utils.VideoTrimmerUtil.RECYCLER_VIEW_PADDING;
 import static com.videotrim.utils.VideoTrimmerUtil.VIDEO_FRAMES_WIDTH;
 
@@ -8,6 +9,9 @@ import android.content.Context;
 import android.content.pm.ActivityInfo;
 import android.content.res.Configuration;
 import android.graphics.Bitmap;
+import android.graphics.Color;
+import android.graphics.drawable.Drawable;
+import android.graphics.drawable.GradientDrawable;
 import android.media.MediaMetadataRetriever;
 import android.media.MediaPlayer;
 import android.net.Uri;
@@ -20,21 +24,29 @@ import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.MotionEvent;
 import android.view.View;
+import android.view.ViewGroup;
 import android.widget.FrameLayout;
 import android.widget.ImageView;
 import android.widget.LinearLayout;
+import android.widget.ProgressBar;
 import android.widget.RelativeLayout;
 import android.widget.TextView;
 import android.widget.VideoView;
 
+import androidx.core.content.ContextCompat;
+import androidx.core.content.res.ResourcesCompat;
+
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReadableMap;
 import com.videotrim.R;
+import com.videotrim.enums.ErrorCode;
 import com.videotrim.interfaces.IVideoTrimmerView;
 import com.videotrim.interfaces.VideoTrimListener;
+import com.videotrim.utils.MediaMetadataUtil;
 import com.videotrim.utils.StorageUtil;
 import com.videotrim.utils.VideoTrimmerUtil;
 
+import java.io.IOException;
 import java.util.Locale;
 
 import iknow.android.utils.DeviceUtil;
@@ -82,6 +94,18 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   private final Handler zoomWaitTimer = new Handler();
   private Runnable zoomRunnable;
 
+  private MediaMetadataRetriever mediaMetadataRetriever;
+  private ProgressBar loadingIndicator;
+  private TextView saveBtn;
+  private TextView cancelBtn;
+  private FrameLayout audioBannerView;
+  private boolean isVideoType = true;
+  private MediaPlayer audioPlayer;
+  private ImageView failToLoadBtn;
+
+  private String mOutputExt = "mp4";
+  private boolean enableHapticFeedback = true;
+
   public VideoTrimmerView(ReactApplicationContext context, ReadableMap config, AttributeSet attrs) {
     this(context, attrs, 0, config);
   }
@@ -118,20 +142,74 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     trailingHandle = findViewById(R.id.trailingHandle);
     leadingOverlay = findViewById(R.id.leadingOverlay);
     trailingOverlay = findViewById(R.id.trailingOverlay);
+
     trimmerContainerWrapper = findViewById(R.id.trimmerContainerWrapper);
     trimmerContainerWrapper.setVisibility(View.INVISIBLE);
     trimmerContainerWrapper.setAlpha(0f);
+
+    loadingIndicator = findViewById(R.id.loadingIndicator);
+    saveBtn = findViewById(R.id.saveBtn);
+    cancelBtn = findViewById(R.id.cancelBtn);
+    audioBannerView = findViewById(R.id.audioBannerView);
+    failToLoadBtn = findViewById(R.id.failToLoadBtn);
   }
 
-  public void initVideoByURI(final Uri videoURI) {
+  public void initByURI(final Uri videoURI) {
     mSourceUri = videoURI;
-    mVideoView.setVideoURI(videoURI);
-    mVideoView.requestFocus();
+
+    if (isVideoType) {
+      mVideoView.setVideoURI(videoURI);
+      mVideoView.requestFocus();
+
+      mVideoView.setOnPreparedListener(mp -> {
+        if (!mIsPrepared) {
+          mp.setVideoScalingMode(MediaPlayer.VIDEO_SCALING_MODE_SCALE_TO_FIT);
+          videoPrepared();
+          mIsPrepared = true;
+        }
+      });
+
+      mVideoView.setOnErrorListener((mp, what, extra) -> {
+        mediaFailed();
+        mOnTrimVideoListener.onError("Error loading video file. Please try again.", ErrorCode.FAIL_TO_LOAD_VIDEO);
+        return true;
+      });
+
+      mVideoView.setOnCompletionListener(mp -> mediaCompleted());
+    } else {
+      mVideoView.setVisibility(View.GONE);
+      audioBannerView.setAlpha(0f);
+      audioBannerView.setVisibility(View.VISIBLE);
+      audioBannerView.animate().alpha(1f).setDuration(500).start();
+
+      audioPlayer = new MediaPlayer();
+      try {
+        audioPlayer.setDataSource(videoURI.toString());
+        audioPlayer.setOnPreparedListener(mp -> {
+          if (!mIsPrepared) {
+            audioPrepared();
+            mIsPrepared = true;
+          }
+        });
+        audioPlayer.setOnCompletionListener(mp -> mediaCompleted());
+        audioPlayer.setOnErrorListener((mp, what, extra) -> {
+          mediaFailed();
+          mOnTrimVideoListener.onError("Error loading audio file. Please try again.", ErrorCode.FAIL_TO_LOAD_AUDIO);
+          return true;
+        });
+
+        audioPlayer.prepareAsync(); // use prepareAsync to avoid blocking the main thread
+      } catch (IOException e) {
+        e.printStackTrace();
+        mediaFailed();
+        mOnTrimVideoListener.onError("Error initializing audio player. Please try again.", ErrorCode.FAIL_TO_INITIALIZE_AUDIO_PLAYER);
+      }
+    }
   }
 
-  private void startShootVideoThumbs(final Context context, final Uri videoUri, int totalThumbsCount, long startPosition, long endPosition) {
+  private void startShootVideoThumbs(final Context context, int totalThumbsCount, long startPosition, long endPosition) {
     mThumbnailContainer.removeAllViews();
-    VideoTrimmerUtil.shootVideoThumbInBackground(context, videoUri, totalThumbsCount, startPosition, endPosition,
+    VideoTrimmerUtil.shootVideoThumbInBackground(mediaMetadataRetriever, totalThumbsCount, startPosition, endPosition,
       (bitmap, interval) -> {
         if (bitmap != null) {
           runOnUiThread(() -> {
@@ -147,13 +225,16 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       });
   }
 
-  private void videoPrepared(MediaPlayer mp) {
+  private void videoPrepared() {
     mDuration = mVideoView.getDuration();
-
     mMaxDuration = Math.min(mMaxDuration, mDuration);
+    mediaMetadataRetriever = MediaMetadataUtil.getMediaMetadataRetriever(mSourceUri.toString());
+
+    if (mediaMetadataRetriever == null) {
+      mOnTrimVideoListener.onError("Error when retrieving video info. Please try again.", ErrorCode.FAIL_TO_GET_VIDEO_INFO);
+      return;
+    }
 
-    MediaMetadataRetriever mediaMetadataRetriever = new MediaMetadataRetriever();
-    mediaMetadataRetriever.setDataSource(mContext, mSourceUri);
     // take first frame
     Bitmap bitmap = mediaMetadataRetriever.getFrameAtTime(0, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
 
@@ -165,9 +246,24 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     VideoTrimmerUtil.VIDEO_FRAMES_WIDTH = VideoTrimmerUtil.SCREEN_WIDTH_FULL - RECYCLER_VIEW_PADDING * 2;
     VideoTrimmerUtil.MAX_COUNT_RANGE = Math.max((VIDEO_FRAMES_WIDTH / VideoTrimmerUtil.mThumbWidth), VideoTrimmerUtil.MAX_COUNT_RANGE);
 
-    int mThumbsTotalCount;
-    mThumbsTotalCount = (int) (mDuration * 1.0f / (mMaxDuration * 1.0f) * VideoTrimmerUtil.MAX_COUNT_RANGE);
-    startShootVideoThumbs(mContext, mSourceUri, mThumbsTotalCount, 0, mDuration);
+    startShootVideoThumbs(mContext, VideoTrimmerUtil.MAX_COUNT_RANGE, 0, mDuration);
+
+    // Set initial handle positions if mMaxDuration < video duration
+    if (mMaxDuration < mDuration) {
+      endTime = mMaxDuration;
+    } else {
+      endTime = mDuration;
+    }
+    updateHandlePositions();
+
+    loadingIndicator.setVisibility(View.GONE);
+    mPlayView.setVisibility(View.VISIBLE);
+    saveBtn.setVisibility(View.VISIBLE);
+  }
+
+  private void audioPrepared() {
+    mDuration = audioPlayer.getDuration();
+    mMaxDuration = Math.min(mMaxDuration, mDuration);
 
     // Set initial handle positions if mMaxDuration < video duration
     if (mMaxDuration < mDuration) {
@@ -175,12 +271,32 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     } else {
       endTime = mDuration;
     }
+
     updateHandlePositions();
+    loadingIndicator.setVisibility(View.GONE);
+    mPlayView.setVisibility(View.VISIBLE);
+    saveBtn.setVisibility(View.VISIBLE);
+//    mThumbnailContainer.animate().alpha(1f).setDuration(250).start();
+  }
+
+  private void updateGradientColors(int startColor, int endColor) {
+    GradientDrawable gradientDrawable = new GradientDrawable();
+    gradientDrawable.setShape(GradientDrawable.RECTANGLE);
+    gradientDrawable.setCornerRadius(6f); // Adjust corner radius as needed
+    gradientDrawable.setColors(new int[]{startColor, endColor});
+    gradientDrawable.setOrientation(GradientDrawable.Orientation.LEFT_RIGHT);
+
+    mThumbnailContainer.setBackground(gradientDrawable);
+  }
+
+  private void mediaFailed() {
+    loadingIndicator.setVisibility(View.GONE);
+    failToLoadBtn.setVisibility(View.VISIBLE);
   }
 
   private void updateHandlePositions() {
-    float startPercent = (float) startTime / mVideoView.getDuration();
-    float endPercent = (float) endTime / mVideoView.getDuration();
+    float startPercent = (float) startTime / mDuration;
+    float endPercent = (float) endTime / mDuration;
 
     float containerWidth = trimmerContainerBg.getWidth();
     float leadingHandleX = startPercent * containerWidth;
@@ -194,36 +310,54 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
 
     trimmerContainerWrapper.setVisibility(View.VISIBLE);
     trimmerContainerWrapper.animate().alpha(1f).setDuration(250).start();
-
-    // because on load video will not start and just display black screen
-    // here we'll seek to first frame to make it more friendly
-    mVideoView.seekTo(1);
   }
 
-  private void videoCompleted() {
+  private void mediaCompleted() {
     setPlayPauseViewIcon(false);
     mTimingHandler.removeCallbacks(mTimingRunnable);
   }
 
   private void playOrPause() {
-    if (mVideoView.isPlaying()) {
-      onVideoPause();
+    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());
+
     } else {
-      // if current video time >= end time, seek to start time
-      if (mVideoView.getCurrentPosition() >= endTime) {
-        seekTo(startTime, true);
+      if (audioPlayer.isPlaying()) {
+        onMediaPause();
+      } else {
+        if (audioPlayer.getCurrentPosition() >= endTime) {
+          seekTo(startTime, true);
+        }
+        audioPlayer.start();
+        startTimingRunnable();
       }
-      mVideoView.start();
-      startTimingRunnable();
+      setPlayPauseViewIcon(audioPlayer.isPlaying());
     }
-    setPlayPauseViewIcon(mVideoView.isPlaying());
   }
 
-  public void onVideoPause() {
-    if (mVideoView.isPlaying()) {
-      mTimingHandler.removeCallbacks(mTimingRunnable);
-      mVideoView.pause();
-      setPlayPauseViewIcon(false);
+  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);
+      }
     }
   }
 
@@ -232,28 +366,18 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   }
 
   private void setUpListeners() {
-    findViewById(R.id.cancelBtn).setOnClickListener(view -> mOnTrimVideoListener.onCancel());
-    findViewById(R.id.saveBtn).setOnClickListener(view -> mOnTrimVideoListener.onSave());
-
-    mVideoView.setOnPreparedListener(mp -> {
-      if (!mIsPrepared) {
-        mp.setVideoScalingMode(MediaPlayer.VIDEO_SCALING_MODE_SCALE_TO_FIT);
-        videoPrepared(mp);
-        mIsPrepared = true;
-      }
-    });
-
-    mVideoView.setOnCompletionListener(mp -> videoCompleted());
+    cancelBtn.setOnClickListener(view -> mOnTrimVideoListener.onCancel());
+    saveBtn.setOnClickListener(view -> mOnTrimVideoListener.onSave());
     mPlayView.setOnClickListener(view -> playOrPause());
     setHandleTouchListener(leadingHandle, true);
     setHandleTouchListener(trailingHandle, false);
   }
 
   public void onSaveClicked() {
-    onVideoPause();
+    onMediaPause();
     VideoTrimmerUtil.trim(
-      mSourceUri.getPath(),
-      StorageUtil.getOutputPath(mContext),
+      isVideoType ? mSourceUri.getPath() : mSourceUri.toString(),
+      StorageUtil.getOutputPath(mContext, mOutputExt),
       mDuration,
       startTime,
       endTime,
@@ -261,7 +385,12 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   }
 
   private void seekTo(long msec, boolean needUpdateProgress) {
-    mVideoView.seekTo((int) msec);
+    if (isVideoType) {
+      mVideoView.seekTo((int) msec);
+    } else {
+      audioPlayer.seekTo((int) msec);
+    }
+
     updateCurrentTime(needUpdateProgress);
   }
 
@@ -283,6 +412,19 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     mContext.getCurrentActivity().setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED);
     mTimingHandler.removeCallbacks(mTimingRunnable);
     zoomWaitTimer.removeCallbacks(zoomRunnable);
+
+    try {
+      if (mediaMetadataRetriever != null) {
+        mediaMetadataRetriever.release();
+      }
+    } catch (Exception e) {
+      e.printStackTrace();
+    }
+
+    if (audioPlayer != null) {
+      audioPlayer.stop();
+      audioPlayer.release();
+    }
   }
 
   private int getScreenWidthInPortraitMode() {
@@ -303,12 +445,27 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       mMinDuration = Math.max(1000L, config.getInt("minDuration") * 1000L);
     }
     if (config.hasKey("cancelButtonText")) {
-      TextView tv = findViewById(R.id.cancelBtn);
-      tv.setText(config.getString("cancelButtonText"));
+      cancelBtn.setText(config.getString("cancelButtonText"));
     }
     if (config.hasKey("saveButtonText")) {
-      TextView tv = findViewById(R.id.saveBtn);
-      tv.setText(config.getString("saveButtonText"));
+      saveBtn.setText(config.getString("saveButtonText"));
+    }
+
+    if (config.hasKey("type")) {
+      isVideoType = !config.getString("type").equals("audio");
+
+//      if (!isVideoType) {
+//        mThumbnailContainer.setAlpha(0f);
+//        mThumbnailContainer.setBackground(ContextCompat.getDrawable(mContext, R.drawable.thumb_container_bg));
+//      }
+    }
+
+    if (config.hasKey("outputExt")) {
+      mOutputExt = config.getString("outputExt");
+    }
+
+    if (config.hasKey("enableHapticFeedback")) {
+      enableHapticFeedback = config.getBoolean("enableHapticFeedback");
     }
   }
 
@@ -316,10 +473,15 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     mTimingRunnable = new Runnable() {
       @Override
       public void run() {
-        int currentPosition = mVideoView.getCurrentPosition();
+        int currentPosition;
+        if (isVideoType) {
+          currentPosition = mVideoView.getCurrentPosition();
+        } else {
+          currentPosition = audioPlayer.getCurrentPosition();
+        }
 
         if (currentPosition >= endTime) {
-          onVideoPause();
+          onMediaPause();
           seekTo(endTime, true); // Ensure exact end time display
         } else {
           updateCurrentTime(true);
@@ -332,8 +494,15 @@ 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 = mVideoView.getCurrentPosition();
-    int duration = mVideoView.getDuration();
+
+    int currentPosition;
+    if (isVideoType) {
+      currentPosition = mVideoView.getCurrentPosition();
+    } else {
+      currentPosition = audioPlayer.getCurrentPosition();
+    }
+
+    int duration = mDuration;
 
     if (currentPosition >= duration - 100) {
       currentPosition = duration;
@@ -373,7 +542,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       switch (event.getAction()) {
         case MotionEvent.ACTION_DOWN:
           didClampWhilePanning = false;
-          onVideoPause();
+          onMediaPause();
           onTrimmerContainerPanned(event);
           playHapticFeedback(true);
           break;
@@ -402,8 +571,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     // check play haptic feedback
     if (newX <= leftBoundary) {
       didClamp = true;
-    }
-    else if (newX >= rightBoundary) {
+    } else if (newX >= rightBoundary) {
       didClamp = true;
     }
 
@@ -418,16 +586,17 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
 
     // TODO: check this
     float indicatorPositionPercent = indicatorPosition / (trimmerContainerBg.getWidth() - progressIndicator.getWidth());
-    long newVideoPosition = (long) (indicatorPositionPercent * mVideoView.getDuration());
+    long newVideoPosition = (long) (indicatorPositionPercent * mDuration);
 
     seekTo(newVideoPosition, false);
   }
+
   private void setHandleTouchListener(View handle, boolean isLeading) {
     handle.setOnTouchListener((view, event) -> {
       switch (event.getAction()) {
         case MotionEvent.ACTION_DOWN:
           didClampWhilePanning = false;
-          onVideoPause();
+          onMediaPause();
           fadeOutProgressIndicator();
           seekTo(isLeading ? startTime : endTime, true);
           playHapticFeedback(true);
@@ -446,7 +615,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
           // Calculate new startTime or endTime
           if (isLeading) {
             // Calculate the new startTime based on the handle's new position
-            long newStartTime = (long) ((newX / trimmerContainerBg.getWidth()) * mVideoView.getDuration());
+            long newStartTime = (long) ((newX / trimmerContainerBg.getWidth()) * mDuration);
             // Calculate the duration between the new startTime and the current endTime
             long duration = endTime - newStartTime;
             if (duration >= mMinDuration && duration <= mMaxDuration) {
@@ -458,19 +627,19 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
               // If the duration is less than the minimum, set startTime to the maximum possible to maintain the minimum duration
               startTime = endTime - mMinDuration;
               // Adjust the handle position accordingly
-              view.setX((float) startTime / mVideoView.getDuration() * trimmerContainerBg.getWidth());
+              view.setX((float) startTime / mDuration * trimmerContainerBg.getWidth());
               progressIndicator.setX(view.getX() + view.getWidth());
             } else {
               didClamp = true;
               // If the duration is greater than the maximum, set startTime to the minimum possible to maintain the maximum duration
               startTime = endTime - mMaxDuration;
               // Adjust the handle position accordingly
-              view.setX((float) startTime / mVideoView.getDuration() * trimmerContainerBg.getWidth());
+              view.setX((float) startTime / mDuration * trimmerContainerBg.getWidth());
               progressIndicator.setX(view.getX() + view.getWidth());
             }
           } else {
             // Calculate the new endTime based on the handle's new position
-            long newEndTime = (long) (((newX - view.getWidth()) / trimmerContainerBg.getWidth()) * mVideoView.getDuration());
+            long newEndTime = (long) (((newX - view.getWidth()) / trimmerContainerBg.getWidth()) * mDuration);
             // Calculate the duration between the new endTime and the current startTime
             long duration = newEndTime - startTime;
             if (duration >= mMinDuration && duration <= mMaxDuration) {
@@ -482,14 +651,14 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
               // If the duration is less than the minimum, set endTime to the minimum possible to maintain the minimum duration
               endTime = startTime + mMinDuration;
               // Adjust the handle position accordingly
-              view.setX((float) endTime / mVideoView.getDuration() * trimmerContainerBg.getWidth() + view.getWidth());
+              view.setX((float) endTime / mDuration * trimmerContainerBg.getWidth() + view.getWidth());
               progressIndicator.setX(view.getX() - progressIndicator.getWidth());
             } else {
               didClamp = true;
               // If the duration is greater than the maximum, set endTime to the maximum possible to maintain the maximum duration
               endTime = startTime + mMaxDuration;
               // Adjust the handle position accordingly
-              view.setX((float) endTime / mVideoView.getDuration() * trimmerContainerBg.getWidth() + view.getWidth());
+              view.setX((float) endTime / mDuration * trimmerContainerBg.getWidth() + view.getWidth());
               progressIndicator.setX(view.getX() - progressIndicator.getWidth());
             }
           }
@@ -544,7 +713,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   }
 
   private void playHapticFeedback(boolean isLight) {
-    if (vibrator != null && Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+    if (vibrator != null && Build.VERSION.SDK_INT >= Build.VERSION_CODES.O && enableHapticFeedback) {
       vibrator.vibrate(VibrationEffect.createOneShot(isLight ? 10 : 25, VibrationEffect.DEFAULT_AMPLITUDE)); // Light vibration
     }
   }
@@ -556,7 +725,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
     }
 
     zoomRunnable = () -> {
-      Log.i("tag","A Kiss after 500ms");
+      Log.i("tag", "A Kiss after 500ms");
       stopZoomWaitTimer();
       zoomIfNeeded();
     };
@@ -578,7 +747,7 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       return;
     }
 
-    startShootVideoThumbs(mContext, mSourceUri, 10, 5000, 10000);
+    startShootVideoThumbs(mContext, 10, 5000, 10000);
 
     isZoomedIn = true;
   }

package/android/src/main/res/drawable/airpodsmax.xml

@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="165.48dp"
+    android:height="177.56dp"
+    android:viewportWidth="165.48"
+    android:viewportHeight="177.56">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h165.48v177.56h-165.48z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M5.3,102.25L11.93,102.25L11.93,85.75L5.3,85.75ZM42.93,177.56C52.3,177.56 56.8,168.88 51.61,159.69L20.93,105.25C18.55,101 14.86,99.06 10.36,99.06C2.68,99.06 -1.01,105.25 0.24,112.69C3.05,123.94 10.86,140.88 19.05,153.75C29.61,171.38 35.99,177.56 42.93,177.56ZM160.18,102.25L160.18,85.75L153.55,85.75L153.55,102.25ZM122.55,177.56C129.49,177.56 135.86,171.38 146.43,153.75C154.61,140.88 162.43,123.94 165.24,112.69C166.49,105.25 162.8,99.06 155.11,99.06C150.61,99.06 146.93,101 144.55,105.25L113.86,159.69C108.68,168.88 113.18,177.56 122.55,177.56ZM2.68,84.88C2.68,88.31 4.93,90.56 8.43,90.56C11.86,90.56 14.05,88.31 14.05,84.88C14.36,41.31 40.68,13.38 82.74,13.38C124.8,13.38 151.11,41.31 151.43,84.88C151.43,88.31 153.61,90.56 157.05,90.56C160.55,90.56 162.8,88.31 162.8,84.88C162.8,35.56 132.24,1.94 82.74,1.94C33.3,1.94 2.68,35.56 2.68,84.88Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="1"/>
+  <path
+      android:pathData="M65.3,161.75C70.49,158.81 71.86,152.38 68.61,146.63L41.99,99.56C38.68,93.75 32.55,91.75 27.36,94.69C24.3,96.44 23.61,99.19 25.24,102.06L57.86,159.81C59.49,162.75 62.3,163.5 65.3,161.75ZM100.18,161.75C103.18,163.5 105.99,162.75 107.61,159.81L140.24,102.06C141.86,99.19 141.18,96.44 138.11,94.69C132.93,91.75 126.8,93.75 123.49,99.56L96.86,146.63C93.61,152.38 94.99,158.81 100.18,161.75ZM35.74,40.69C48.74,33.56 64.43,29.81 82.74,29.81C101.05,29.81 116.74,33.56 129.74,40.69C119.3,27.81 104.05,20.81 82.74,20.81C61.43,20.81 46.18,27.81 35.74,40.69Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.5"/>
+</vector>

package/android/src/main/res/drawable/exclamationmark_triangle_fill.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="31.898dp"
+    android:height="28.887dp"
+    android:viewportWidth="31.898"
+    android:viewportHeight="28.887">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h31.898v28.887h-31.898z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M19.113,1.945L30.961,22.664C31.348,23.332 31.547,24.059 31.547,24.762C31.547,26.93 30.07,28.641 27.621,28.641L3.914,28.641C1.477,28.641 0,26.93 0,24.762C0,24.059 0.188,23.344 0.586,22.664L12.434,1.945C13.172,0.645 14.461,0 15.773,0C17.074,0 18.375,0.645 19.113,1.945ZM14.238,22.02C14.238,22.828 14.941,23.496 15.773,23.496C16.594,23.496 17.309,22.84 17.309,22.02C17.309,21.188 16.605,20.531 15.773,20.531C14.93,20.531 14.238,21.199 14.238,22.02ZM14.519,9.258L14.707,17.508C14.719,18.211 15.094,18.609 15.773,18.609C16.418,18.609 16.805,18.223 16.816,17.508L17.004,9.27C17.016,8.566 16.488,8.051 15.762,8.051C15.023,8.051 14.508,8.555 14.519,9.258Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="1"/>
+</vector>

package/android/src/main/res/drawable/thumb_container_bg.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+  android:shape="rectangle">
+  <corners android:radius="6dp" />
+  <gradient
+    android:startColor="#FF5757"
+    android:endColor="#8C52FF" />
+</shape>