react-native-video-trim 2.0.0 → 2.2.0

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

@@ -8,6 +8,7 @@ import android.content.Context;
 import android.content.pm.ActivityInfo;
 import android.content.res.Configuration;
 import android.graphics.Bitmap;
+import android.graphics.drawable.GradientDrawable;
 import android.media.MediaMetadataRetriever;
 import android.media.MediaPlayer;
 import android.net.Uri;
@@ -17,24 +18,32 @@ import android.os.VibrationEffect;
 import android.os.Vibrator;
 import android.util.AttributeSet;
 import android.util.Log;
+import android.util.TypedValue;
 import android.view.LayoutInflater;
 import android.view.MotionEvent;
 import android.view.View;
 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.appcompat.app.AlertDialog;
+
+import com.arthenica.ffmpegkit.FFmpegSession;
 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;
@@ -52,7 +61,6 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
   private Uri mSourceUri;
   private VideoTrimListener mOnTrimVideoListener;
   private int mDuration = 0;
-  private Boolean mIsPrepared = false;
   private long mMaxDuration = (long) Double.POSITIVE_INFINITY;
   private long mMinDuration = VideoTrimmerUtil.MIN_SHOOT_DURATION;
 
@@ -82,6 +90,27 @@ 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;
+  private boolean autoplay = false;
+  private long jumpToPositionOnLoad = 0;
+  private FrameLayout headerView;
+  private TextView headerText;
+  private FFmpegSession ffmpegSession;
+  private boolean alertOnFailToLoad = true;
+  private String alertOnFailTitle = "Error";
+  private String alertOnFailMessage = "Fail to load media. Possibly invalid file or no network connection";
+  private String alertOnFailCloseText = "Close";
+
   public VideoTrimmerView(ReactApplicationContext context, ReadableMap config, AttributeSet attrs) {
     this(context, attrs, 0, config);
   }
@@ -118,20 +147,82 @@ 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);
+
+    headerView = findViewById(R.id.headerView);
+    headerText = findViewById(R.id.headerText);
   }
 
-  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 -> {
+        mp.setVideoScalingMode(MediaPlayer.VIDEO_SCALING_MODE_SCALE_TO_FIT);
+        mediaPrepared();
+      });
+
+      mVideoView.setOnErrorListener(this::onFailToLoadMedia);
+
+      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 -> {
+          mediaPrepared();
+        });
+        audioPlayer.setOnCompletionListener(mp -> mediaCompleted());
+        audioPlayer.setOnErrorListener(this::onFailToLoadMedia);
+
+        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 boolean onFailToLoadMedia(MediaPlayer mp, int what, int extra) {
+    mediaFailed();
+    mOnTrimVideoListener.onError("Error loading media file. Please try again.", ErrorCode.FAIL_TO_LOAD_MEDIA);
+    if (alertOnFailToLoad) {
+      AlertDialog.Builder builder = new AlertDialog.Builder(mContext.getCurrentActivity());
+      builder.setMessage(alertOnFailMessage);
+      builder.setTitle(alertOnFailTitle);
+      builder.setCancelable(false);
+      builder.setPositiveButton(alertOnFailCloseText, (dialog, which) -> {
+        dialog.cancel();
+      });
+
+      AlertDialog alertDialog = builder.create();
+      alertDialog.show();
+    }
+
+    return true;
   }
 
-  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,27 +238,32 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       });
   }
 
-  private void videoPrepared(MediaPlayer mp) {
-    mDuration = mVideoView.getDuration();
-
+  private void mediaPrepared() {
+    mDuration = isVideoType ? mVideoView.getDuration() : audioPlayer.getDuration();
     mMaxDuration = Math.min(mMaxDuration, mDuration);
 
-    MediaMetadataRetriever mediaMetadataRetriever = new MediaMetadataRetriever();
-    mediaMetadataRetriever.setDataSource(mContext, mSourceUri);
-    // take first frame
-    Bitmap bitmap = mediaMetadataRetriever.getFrameAtTime(0, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
+    if (isVideoType) {
+      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;
+      }
 
-    if (bitmap != null) {
-      VideoTrimmerUtil.mThumbWidth = VideoTrimmerUtil.THUMB_HEIGHT * bitmap.getWidth() / bitmap.getHeight();
-    }
+      // take first frame
+      Bitmap bitmap = mediaMetadataRetriever.getFrameAtTime(0, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
 
-    VideoTrimmerUtil.SCREEN_WIDTH_FULL = this.getScreenWidthInPortraitMode();
-    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);
+      if (bitmap != null) {
+        VideoTrimmerUtil.mThumbWidth = VideoTrimmerUtil.THUMB_HEIGHT * bitmap.getWidth() / bitmap.getHeight();
+      }
 
-    int mThumbsTotalCount;
-    mThumbsTotalCount = (int) (mDuration * 1.0f / (mMaxDuration * 1.0f) * VideoTrimmerUtil.MAX_COUNT_RANGE);
-    startShootVideoThumbs(mContext, mSourceUri, mThumbsTotalCount, 0, mDuration);
+      VideoTrimmerUtil.SCREEN_WIDTH_FULL = this.getScreenWidthInPortraitMode();
+      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);
+
+      startShootVideoThumbs(mContext, VideoTrimmerUtil.MAX_COUNT_RANGE, 0, mDuration);
+    } else {
+
+    }
 
     // Set initial handle positions if mMaxDuration < video duration
     if (mMaxDuration < mDuration) {
@@ -176,11 +272,40 @@ public class VideoTrimmerView extends FrameLayout implements IVideoTrimmerView {
       endTime = mDuration;
     }
     updateHandlePositions();
+
+    loadingIndicator.setVisibility(View.GONE);
+    mPlayView.setVisibility(View.VISIBLE);
+    saveBtn.setVisibility(View.VISIBLE);
+
+    if (jumpToPositionOnLoad > 0) {
+      seekTo(jumpToPositionOnLoad > mDuration ? mDuration : jumpToPositionOnLoad, true);
+    }
+
+    if (autoplay) {
+      playOrPause();
+    }
+
+    mOnTrimVideoListener.onLoad(mDuration);
+  }
+
+  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 +319,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,36 +375,39 @@ 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();
-    VideoTrimmerUtil.trim(
-      mSourceUri.getPath(),
-      StorageUtil.getOutputPath(mContext),
+    onMediaPause();
+    ffmpegSession = VideoTrimmerUtil.trim(
+      mSourceUri.toString(),
+      StorageUtil.getOutputPath(mContext, mOutputExt),
       mDuration,
       startTime,
       endTime,
       mOnTrimVideoListener);
   }
 
+  public void onCancelTrimClicked() {
+    if (ffmpegSession != null) {
+      ffmpegSession.cancel();
+    } else {
+      mOnTrimVideoListener.onCancelTrim();
+    }
+  }
+
   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 +429,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 +462,70 @@ 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");
+    } else if (!isVideoType) {
+      mOutputExt = "wav";
+    }
+
+    if (config.hasKey("enableHapticFeedback")) {
+      enableHapticFeedback = config.getBoolean("enableHapticFeedback");
+    }
+
+    if (config.hasKey("autoplay")) {
+      autoplay = config.getBoolean("autoplay");
+    }
+
+    if (config.hasKey("jumpToPositionOnLoad")) {
+      jumpToPositionOnLoad = config.getInt("jumpToPositionOnLoad");
+    }
+    // check if config.getString("headerText") is not empty
+
+    if (config.hasKey("headerText") && !config.getString("headerText").isEmpty()){
+      headerText.setText(config.getString("headerText"));
+
+      if (config.hasKey("headerTextSize")) {
+        int textSize = config.getInt("headerTextSize");
+        if (textSize < 0) {
+          textSize = 16;
+        }
+        headerText.setTextSize(TypedValue.COMPLEX_UNIT_DIP, textSize);
+      }
+
+      if (config.hasKey("headerTextColor")) {
+        headerText.setTextColor(config.getInt("headerTextColor"));
+      }
+
+      headerView.setVisibility(View.VISIBLE);
+    }
+
+    alertOnFailToLoad = !config.hasKey("alertOnFailToLoad") || config.getBoolean("alertOnFailToLoad");
+
+    if (config.hasKey("alertOnFailTitle")) {
+      alertOnFailTitle = config.getString("alertOnFailTitle");
+    }
+
+    if (config.hasKey("alertOnFailMessage")) {
+      alertOnFailMessage = config.getString("alertOnFailMessage");
+    }
+
+    if (config.hasKey("alertOnFailCloseText")) {
+      alertOnFailCloseText = config.getString("alertOnFailCloseText");
     }
   }
 
@@ -316,10 +533,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 +554,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 +602,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 +631,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 +646,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 +675,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 +687,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 +711,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 +773,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 +785,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 +807,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>