react-native-video-trim 7.1.1 → 8.1.0

package/android/src/main/java/com/videotrim/utils/StorageUtil.kt

@@ -25,23 +25,39 @@ object StorageUtil {
     return file.absolutePath
   }
 
+  // Headless API outputs (compress, toGif, merge, extractAudio, getFrameAt) go to the
+  // cache directory. The OS may purge these files under storage pressure when the app is
+  // not running, which avoids unbounded storage growth from repeated headless operations.
+  fun getCacheOutputPath(context: Context, outputExt: String): String {
+    val timestamp = System.currentTimeMillis() / 1000
+    val file = File(context.cacheDir, "${VideoTrimmerUtil.FILE_PREFIX}_${timestamp}.$outputExt")
+    return file.absolutePath
+  }
+
   fun isFileExists(filePath: String?): Boolean {
     if (TextUtils.isEmpty(filePath)) return false
     return File(filePath!!).exists()
   }
 
+  // Scans both the persistent directory (showEditor/trim outputs) and the cache
+  // directory (headless API outputs) for files matching our prefix.
   fun listFiles(context: Context): Array<String> {
-    val filesDir = context.filesDir
-    val files = filesDir.listFiles { _, name -> name.startsWith(VideoTrimmerUtil.FILE_PREFIX) }
-
-    return files?.map { it.absolutePath }?.toTypedArray() ?: emptyArray()
+    val dirs = listOf(context.filesDir, context.cacheDir)
+    return dirs.flatMap { dir ->
+      dir.listFiles { _, name -> name.startsWith(VideoTrimmerUtil.FILE_PREFIX) }?.toList() ?: emptyList()
+    }.map { it.absolutePath }.toTypedArray()
   }
 
+  // Path-restricted delete: only allows deletion of files inside our filesDir or cacheDir
+  // to prevent accidental deletion of arbitrary files on the device.
   fun deleteFile(path: String?): Boolean {
     if (TextUtils.isEmpty(path)) return true
     val file = File(path!!).canonicalFile
-    val allowedDir = BaseUtils.getContext().filesDir.canonicalFile
-    if (!file.path.startsWith(allowedDir.path)) return false
+    val allowedDirs = listOf(
+      BaseUtils.getContext().filesDir.canonicalFile,
+      BaseUtils.getContext().cacheDir.canonicalFile,
+    )
+    if (allowedDirs.none { file.path.startsWith(it.path) }) return false
     return deleteFile(file)
   }
 
@@ -62,46 +78,89 @@ object StorageUtil {
     return file.delete()
   }
 
-  @Throws(IOException::class)
-  fun saveVideoToGallery(context: ReactApplicationContext, videoFilePath: String?) {
-    val videoFile = File(videoFilePath!!)
+  private val IMAGE_EXTENSIONS = setOf("jpg", "jpeg", "png", "gif", "webp", "bmp", "heic", "heif")
 
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
-      saveVideoUsingMediaStore(context, videoFile)
+  fun isImageFile(file: File): Boolean {
+    val ext = file.extension.lowercase()
+    return ext in IMAGE_EXTENSIONS
+  }
+
+  // Dispatches to the correct MediaStore collection (Images vs Video) based on file
+  // extension. Using the wrong collection causes the Photos app to misidentify the file.
+  @Throws(IOException::class)
+  fun saveToGallery(context: ReactApplicationContext, filePath: String?) {
+    val file = File(filePath!!)
+    if (isImageFile(file)) {
+      saveImageToGallery(context, file)
     } else {
-      try {
-        saveVideoUsingTraditionalStorage(context, videoFile)
-      } catch (e: IOException) {
-        throw RuntimeException(e)
-      }
+      saveVideoToGallery(context, file)
     }
   }
 
-  private fun saveVideoUsingMediaStore(context: Context, videoFile: File) {
-    val values = ContentValues().apply {
-      put(MediaStore.Video.Media.TITLE, "My Video Title")
-      put(MediaStore.Video.Media.MIME_TYPE, "video/mp4")
-      put(MediaStore.Video.Media.RELATIVE_PATH, Environment.DIRECTORY_DCIM)
-    }
-    val uri: Uri? = context.contentResolver.insert(MediaStore.Video.Media.EXTERNAL_CONTENT_URI, values)
-
-    if (uri != null) {
-      try {
-        val outputStream = context.contentResolver.openOutputStream(uri)
-        copyFile(videoFile, outputStream!!)
-        MediaScannerConnection.scanFile(context, arrayOf(uri.toString()), arrayOf("video/*"), null)
-      } catch (e: IOException) {
-        e.printStackTrace()
+  // On Android Q+ (API 29+), uses the IS_PENDING pattern: the MediaStore entry is
+  // created as pending (invisible to other apps), the file is copied, then IS_PENDING
+  // is cleared to make it visible. This prevents partial files from appearing in the
+  // gallery during the write.
+  @Throws(IOException::class)
+  private fun saveVideoToGallery(context: ReactApplicationContext, videoFile: File) {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+      val values = ContentValues().apply {
+        put(MediaStore.Video.Media.DISPLAY_NAME, videoFile.name)
+        put(MediaStore.Video.Media.MIME_TYPE, "video/mp4")
+        put(MediaStore.Video.Media.RELATIVE_PATH, Environment.DIRECTORY_DCIM)
+        put(MediaStore.Video.Media.IS_PENDING, 1)
+      }
+      val resolver = context.contentResolver
+      val uri = resolver.insert(MediaStore.Video.Media.EXTERNAL_CONTENT_URI, values)
+      if (uri != null) {
+        resolver.openOutputStream(uri)?.use { os -> copyFile(videoFile, os) }
+        values.clear()
+        values.put(MediaStore.Video.Media.IS_PENDING, 0)
+        resolver.update(uri, values, null, null)
       }
+    } else {
+      val galleryDir = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DCIM)
+      val dest = File(galleryDir, videoFile.name)
+      copyFile(videoFile, dest)
+      MediaScannerConnection.scanFile(context, arrayOf(dest.absolutePath), arrayOf("video/*"), null)
     }
   }
 
+  // Same IS_PENDING pattern as saveVideoToGallery but targets MediaStore.Images.Media
+  // and Environment.DIRECTORY_PICTURES. MIME type is inferred from the file extension.
   @Throws(IOException::class)
-  private fun saveVideoUsingTraditionalStorage(context: Context, videoFile: File) {
-    val galleryDirectory = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DCIM)
-    val destinationFile = File(galleryDirectory, videoFile.name)
-    copyFile(videoFile, destinationFile)
-    MediaScannerConnection.scanFile(context, arrayOf(destinationFile.absolutePath), arrayOf("video/*"), null)
+  private fun saveImageToGallery(context: ReactApplicationContext, imageFile: File) {
+    val ext = imageFile.extension.lowercase()
+    val mimeType = when (ext) {
+      "png" -> "image/png"
+      "gif" -> "image/gif"
+      "webp" -> "image/webp"
+      "bmp" -> "image/bmp"
+      "heic", "heif" -> "image/heic"
+      else -> "image/jpeg"
+    }
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+      val values = ContentValues().apply {
+        put(MediaStore.Images.Media.DISPLAY_NAME, imageFile.name)
+        put(MediaStore.Images.Media.MIME_TYPE, mimeType)
+        put(MediaStore.Images.Media.RELATIVE_PATH, Environment.DIRECTORY_PICTURES)
+        put(MediaStore.Images.Media.IS_PENDING, 1)
+      }
+      val resolver = context.contentResolver
+      val uri = resolver.insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values)
+      if (uri != null) {
+        resolver.openOutputStream(uri)?.use { os -> copyFile(imageFile, os) }
+        values.clear()
+        values.put(MediaStore.Images.Media.IS_PENDING, 0)
+        resolver.update(uri, values, null, null)
+      }
+    } else {
+      val picturesDir = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES)
+      val dest = File(picturesDir, imageFile.name)
+      copyFile(imageFile, dest)
+      MediaScannerConnection.scanFile(context, arrayOf(dest.absolutePath), arrayOf(mimeType), null)
+    }
   }
 
   @Throws(IOException::class)

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

@@ -38,6 +38,21 @@ object VideoTrimmerUtil {
   @JvmField val THUMB_WIDTH = UnitConverter.dpToPx(25)
   private const val THUMB_RESOLUTION_RES = 2
 
+  internal fun buildAtempoChain(speed: Double): String {
+    var remaining = speed
+    val filters = mutableListOf<String>()
+    while (remaining < 0.5) {
+      filters.add("atempo=0.5")
+      remaining /= 0.5
+    }
+    while (remaining > 2.0) {
+      filters.add("atempo=2.0")
+      remaining /= 2.0
+    }
+    filters.add("atempo=$remaining")
+    return filters.joinToString(",")
+  }
+
   fun trim(
     inputFile: String,
     outputFile: String,
@@ -51,6 +66,8 @@ object VideoTrimmerUtil {
     videoHeight: Int,
     videoBitrate: Long,
     enablePreciseTrimming: Boolean,
+    removeAudio: Boolean,
+    speed: Double,
     callback: VideoTrimListener
   ): FFmpegSession {
     val currentDate = Date()
@@ -67,9 +84,9 @@ object VideoTrimmerUtil {
 
     val hasUserTransform = userRotationCount != 0 || userIsFlipped
     // Re-encode is required when: (1) user applied flip/rotate, (2) user cropped, or
-    // (3) enablePreciseTrimming is on. In all three cases, -c copy won't work because
-    // either we need video filters or we need frame-accurate cut points.
-    val needsReEncode = hasUserTransform || cropNormalized != null || enablePreciseTrimming
+    // (3) enablePreciseTrimming is on, or (4) speed != 1.0. In those cases, -c copy
+    // won't work because either we need video filters or we need frame-accurate cut points.
+    val needsReEncode = hasUserTransform || cropNormalized != null || enablePreciseTrimming || speed != 1.0
 
     if (needsReEncode) {
       val videoFilters = mutableListOf<String>()
@@ -105,6 +122,10 @@ object VideoTrimmerUtil {
         }
       }
 
+      if (speed != 1.0) {
+        videoFilters.add("setpts=${1.0 / speed}*PTS")
+      }
+
       val filterString = videoFilters.joinToString(",")
       // Preserve source quality by matching the original bitrate. Falls back to 10 Mbps.
       val bitrateStr = if (videoBitrate > 0) "$videoBitrate" else "10M"
@@ -118,21 +139,22 @@ object VideoTrimmerUtil {
       // h264_mediacodec: Android's hardware H.264 encoder — fast and energy-efficient.
       // Note: Android FFmpegKit auto-rotates by default, so no -noautorotate is needed.
       // The transpose filters above only handle user-initiated rotation, not source metadata.
-      cmds.addAll(listOf(
-        "-c:v", "h264_mediacodec",
-        "-b:v", bitrateStr,
-        "-c:a", "copy",
-        "-metadata", "creation_time=$formattedDateTime",
-        outputFile
-      ))
+      cmds.addAll(listOf("-c:v", "h264_mediacodec", "-b:v", bitrateStr))
+      when {
+        removeAudio -> cmds.add("-an")
+        speed != 1.0 -> cmds.addAll(listOf("-af", buildAtempoChain(speed)))
+        else -> cmds.addAll(listOf("-c:a", "copy"))
+      }
+      cmds.addAll(listOf("-metadata", "creation_time=$formattedDateTime", outputFile))
     } else {
       // Stream copy: no re-encoding, extremely fast but only cuts at keyframes.
-      cmds.addAll(listOf(
-        "-i", inputFile,
-        "-c", "copy",
-        "-metadata", "creation_time=$formattedDateTime",
-        outputFile
-      ))
+      cmds.addAll(listOf("-i", inputFile))
+      if (removeAudio) {
+        cmds.addAll(listOf("-c:v", "copy", "-an"))
+      } else {
+        cmds.addAll(listOf("-c", "copy"))
+      }
+      cmds.addAll(listOf("-metadata", "creation_time=$formattedDateTime", outputFile))
     }
 
     val command = cmds.toTypedArray()

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

@@ -13,6 +13,7 @@ import android.media.MediaExtractor
 import android.media.MediaFormat
 import android.media.MediaMetadataRetriever
 import android.media.MediaPlayer
+import android.media.PlaybackParams
 import android.net.Uri
 import android.os.Build
 import android.os.Handler
@@ -202,14 +203,23 @@ class VideoTrimmerView(
   private lateinit var cropBtn: ImageView
   private lateinit var undoBtn: ImageView
   private lateinit var redoBtn: ImageView
+  private lateinit var muteBtn: ImageView
+  private lateinit var speedBtn: TextView
   private lateinit var videoContainer: FrameLayout
   private var cropOverlay: CropOverlayView? = null
 
+  internal var isMuted = false
+    private set
+  private var configRemoveAudio = false
+  private var speed: Double = 1.0
+  private val speedOptions = doubleArrayOf(0.25, 0.5, 1.0, 1.5, 2.0, 3.0, 4.0)
+
   private lateinit var trimmerView: RelativeLayout
 
   private var trimmerColor = context.getString(R.string.trim_color).toColorInt()
   private var handleIconColor = Color.BLACK
   private var isLightTheme = false
+  private var durationFormat: String = "mm:ss.SSS"
   private val iconColor: Int get() = if (isLightTheme) Color.BLACK else Color.WHITE
   private val dimmedIconColor: Int get() = if (isLightTheme) Color.argb(128, 0, 0, 0) else Color.argb(128, 255, 255, 255)
   private lateinit var leadingChevron: ImageView
@@ -283,6 +293,8 @@ class VideoTrimmerView(
     flipBtn = findViewById(R.id.flipBtn)
     rotateBtn = findViewById(R.id.rotateBtn)
     cropBtn = findViewById(R.id.cropBtn)
+    muteBtn = findViewById(R.id.muteBtn)
+    speedBtn = findViewById(R.id.speedBtn)
     undoBtn = findViewById(R.id.undoBtn)
     redoBtn = findViewById(R.id.redoBtn)
     videoContainer = findViewById(R.id.videoContainer)
@@ -510,6 +522,9 @@ class VideoTrimmerView(
       playOrPause()
     }
 
+    mediaPlayer?.setVolume(if (isMuted) 0f else 1f, if (isMuted) 0f else 1f)
+    applyPlaybackSpeed()
+
     if (isVideoType) {
       transformRow.alpha = 0f
       transformRow.visibility = View.VISIBLE
@@ -568,11 +583,56 @@ class VideoTrimmerView(
         seekTo(startTime, true)
       }
       player.start()
+      applyPlaybackSpeed()
       startTimingRunnable()
     }
     setPlayPauseViewIcon(player.isPlaying)
   }
 
+  private fun applyPlaybackSpeed() {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+      val player = mediaPlayer ?: return
+      val params = player.playbackParams ?: PlaybackParams()
+      player.playbackParams = params.setSpeed(speed.toFloat())
+    }
+  }
+
+  private fun onMuteTapped() {
+    isMuted = !isMuted
+    muteBtn.setImageResource(if (isMuted) R.drawable.speaker_slash_fill else R.drawable.speaker_wave_2_fill)
+    mediaPlayer?.setVolume(if (isMuted) 0f else 1f, if (isMuted) 0f else 1f)
+    if (enableHapticFeedback) {
+      performHapticFeedback(android.view.HapticFeedbackConstants.VIRTUAL_KEY)
+    }
+  }
+
+  // Uses Android's native PopupMenu anchored to the speed button for a platform-
+  // consistent speed selector (equivalent to iOS's UIMenu on iOS 14+).
+  private fun onSpeedTapped() {
+    val popup = android.widget.PopupMenu(context, speedBtn)
+    speedOptions.forEachIndexed { index, opt ->
+      val title = if (opt == 1.0) "Normal (1x)" else "${opt}x"
+      popup.menu.add(0, index, index, title)
+    }
+    popup.setOnMenuItemClickListener { item ->
+      setSpeed(speedOptions[item.itemId])
+      true
+    }
+    popup.show()
+  }
+
+  private fun setSpeed(newSpeed: Double) {
+    speed = newSpeed
+    speedBtn.text = if (newSpeed == 1.0) "1x" else "${newSpeed}x"
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+      mediaPlayer?.playbackParams = mediaPlayer?.playbackParams?.setSpeed(newSpeed.toFloat())
+        ?: PlaybackParams().setSpeed(newSpeed.toFloat())
+    }
+    if (enableHapticFeedback) {
+      performHapticFeedback(android.view.HapticFeedbackConstants.VIRTUAL_KEY)
+    }
+  }
+
   fun onMediaPause() {
     mTimingRunnable?.let { mTimingHandler.removeCallbacks(it) }
     val player = mediaPlayer ?: return
@@ -598,6 +658,8 @@ class VideoTrimmerView(
     cropBtn.setOnClickListener { onCropTapped() }
     undoBtn.setOnClickListener { onUndoTapped() }
     redoBtn.setOnClickListener { onRedoTapped() }
+    muteBtn.setOnClickListener { onMuteTapped() }
+    speedBtn.setOnClickListener { onSpeedTapped() }
 
     cropBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
     undoBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
@@ -614,6 +676,7 @@ class VideoTrimmerView(
         ?.extractMetadata(MediaMetadataRetriever.METADATA_KEY_BITRATE)
         ?.toLongOrNull() ?: 0L
     }
+    val effectiveRemoveAudio = isMuted || configRemoveAudio
     ffmpegSession = VideoTrimmerUtil.trim(
       mSourceUri.toString(),
       StorageUtil.getOutputPath(mContext, mOutputExt),
@@ -627,6 +690,8 @@ class VideoTrimmerView(
       vh,
       bitrate,
       enablePreciseTrimming,
+      effectiveRemoveAudio,
+      speed,
       mOnTrimVideoListener
     )
   }
@@ -741,6 +806,7 @@ class VideoTrimmerView(
     }
 
     isLightTheme = config.hasKey("theme") && config.getString("theme") == "light"
+    durationFormat = if (config.hasKey("durationFormat")) config.getString("durationFormat") ?: "mm:ss.SSS" else "mm:ss.SSS"
 
     cancelBtn.text = config.getString("cancelButtonText")
     saveBtn.text = config.getString("saveButtonText")
@@ -755,6 +821,17 @@ class VideoTrimmerView(
     enablePreciseTrimming = config.hasKey("enablePreciseTrimming") && config.getBoolean("enablePreciseTrimming")
     autoplay = config.hasKey("autoplay") && config.getBoolean("autoplay")
 
+    if (config.hasKey("removeAudio")) {
+      configRemoveAudio = config.getBoolean("removeAudio")
+      isMuted = configRemoveAudio
+    }
+    if (config.hasKey("speed") && config.getDouble("speed") > 0) {
+      speed = config.getDouble("speed")
+      speedBtn.text = if (speed == 1.0) "1x" else "${speed}x"
+    }
+    muteBtn.setImageResource(if (isMuted) R.drawable.speaker_slash_fill else R.drawable.speaker_wave_2_fill)
+    muteBtn.visibility = if (isVideoType) View.VISIBLE else View.GONE
+
     if (config.hasKey("jumpToPositionOnLoad") && config.getDouble("jumpToPositionOnLoad") > 0) {
       jumpToPositionOnLoad = maxOf(0, (config.getDouble("jumpToPositionOnLoad") * 1000L).toLong())
     }
@@ -856,6 +933,8 @@ class VideoTrimmerView(
     cropBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
     undoBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
     redoBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+    muteBtn.setColorFilter(iconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+    speedBtn.setTextColor(iconColor)
 
     // Overlays
     leadingOverlay.setBackgroundColor(overlayColor)
@@ -936,11 +1015,19 @@ class VideoTrimmerView(
   }
 
   private fun formatTime(milliseconds: Int): String {
-    val totalSeconds = milliseconds / 1000
-    val minutes = totalSeconds / 60
-    val seconds = totalSeconds % 60
-    val millis = milliseconds % 1000
-    return String.format(Locale.getDefault(), "%d:%02d.%03d", minutes, seconds, millis)
+    val totalMs = if (milliseconds < 0) 0 else milliseconds
+    val h = totalMs / 3_600_000
+    val m = (totalMs / 60_000) % 60
+    val s = (totalMs / 1000) % 60
+    val ms = totalMs % 1000
+    val locale = Locale.getDefault()
+    return when (durationFormat) {
+      "mm:ss" -> String.format(locale, "%02d:%02d", m + h * 60, s)
+      "mm:ss.SS" -> String.format(locale, "%02d:%02d.%02d", m + h * 60, s, ms / 10)
+      "hh:mm:ss" -> String.format(locale, "%02d:%02d:%02d", h, m, s)
+      "hh:mm:ss.SSS" -> String.format(locale, "%02d:%02d:%02d.%03d", h, m, s, ms)
+      else -> String.format(locale, "%02d:%02d.%03d", m + h * 60, s, ms)
+    }
   }
 
   @Suppress("ClickableViewAccessibility")

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

@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20.574dp"
+    android:height="21.997dp"
+    android:viewportWidth="20.574"
+    android:viewportHeight="21.997">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h20.574v21.997h-20.574z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M14.746,18.846C14.618,19.308 14.214,19.617 13.685,19.617C13.236,19.617 12.855,19.431 12.406,19.001L8.246,15.056C8.177,14.998 8.099,14.968 8.002,14.968L5.199,14.968C3.881,14.968 3.158,14.246 3.158,12.83L3.158,9.197C3.158,8.561 3.306,8.063 3.59,7.71ZM14.789,3.543L14.789,13.536L8.231,6.982C8.236,6.978 8.241,6.974 8.246,6.97L12.406,3.064C12.904,2.585 13.217,2.39 13.666,2.39C14.33,2.39 14.789,2.908 14.789,3.543Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+  <path
+      android:pathData="M18.158,20.642C18.451,20.935 18.929,20.935 19.222,20.642C19.506,20.339 19.515,19.871 19.222,19.578L2.494,2.859C2.201,2.566 1.713,2.566 1.42,2.859C1.136,3.142 1.136,3.64 1.42,3.923Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+</vector>

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

@@ -0,0 +1,23 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="22.158dp"
+    android:height="17.236dp"
+    android:viewportWidth="22.158"
+    android:viewportHeight="17.236">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M0,0h22.158v17.236h-22.158z"
+      android:strokeAlpha="0"
+      android:fillAlpha="0"/>
+  <path
+      android:pathData="M18.74,15.322C19.102,15.566 19.551,15.479 19.815,15.107C21.065,13.389 21.797,11.025 21.797,8.613C21.797,6.201 21.074,3.818 19.815,2.119C19.551,1.748 19.102,1.66 18.74,1.904C18.379,2.148 18.32,2.607 18.604,3.008C19.668,4.512 20.283,6.533 20.283,8.613C20.283,10.693 19.648,12.695 18.604,14.219C18.33,14.619 18.379,15.078 18.74,15.322Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+  <path
+      android:pathData="M15.127,12.773C15.449,12.998 15.908,12.93 16.172,12.549C16.924,11.563 17.373,10.107 17.373,8.613C17.373,7.119 16.924,5.674 16.172,4.678C15.908,4.297 15.449,4.219 15.127,4.453C14.727,4.727 14.668,5.215 14.971,5.615C15.537,6.396 15.859,7.48 15.859,8.613C15.859,9.746 15.527,10.82 14.971,11.611C14.678,12.021 14.727,12.49 15.127,12.773Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+  <path
+      android:pathData="M10.527,17.236C11.172,17.236 11.631,16.777 11.631,16.143L11.631,1.162C11.631,0.527 11.172,0.01 10.508,0.01C10.049,0.01 9.746,0.215 9.248,0.684L5.078,4.59C5.02,4.648 4.932,4.678 4.834,4.678L2.041,4.678C0.713,4.678 0,5.41 0,6.816L0,10.449C0,11.865 0.713,12.588 2.041,12.588L4.834,12.588C4.932,12.588 5.02,12.617 5.078,12.676L9.248,16.621C9.688,17.051 10.068,17.236 10.527,17.236Z"
+      android:fillColor="#ffffff"
+      android:fillAlpha="0.85"/>
+</vector>

package/android/src/main/res/layout/video_trimmer_view.xml

@@ -79,6 +79,28 @@
         android:tint="#80FFFFFF"
         android:scaleType="fitCenter"
         android:contentDescription="Crop" />
+
+      <ImageView
+        android:id="@+id/muteBtn"
+        android:layout_width="22dp"
+        android:layout_height="22dp"
+        android:src="@drawable/speaker_wave_2_fill"
+        android:tint="@android:color/white"
+        android:scaleType="fitCenter"
+        android:layout_marginStart="12dp"
+        android:contentDescription="Mute" />
+
+      <TextView
+        android:id="@+id/speedBtn"
+        android:layout_width="wrap_content"
+        android:layout_height="22dp"
+        android:text="1x"
+        android:textColor="@android:color/white"
+        android:textSize="13sp"
+        android:textStyle="bold"
+        android:gravity="center"
+        android:layout_marginStart="12dp"
+        android:contentDescription="Speed" />
     </LinearLayout>
 
     <View
@@ -271,7 +293,7 @@
         android:focusable="true"
         android:gravity="center"
         android:padding="10dp"
-        android:text="00:00.00"
+        android:text="00:00"
         android:textColor="@android:color/white"
         android:textSize="16sp" />
 
@@ -284,7 +306,7 @@
         android:focusable="true"
         android:gravity="center"
         android:padding="10dp"
-        android:text="00:00.00"
+        android:text="00:00"
         android:textColor="@android:color/white"
         android:textSize="16sp" />
 
@@ -297,7 +319,7 @@
         android:focusable="true"
         android:gravity="center"
         android:padding="10dp"
-        android:text="00:00.00"
+        android:text="00:00"
         android:textColor="@android:color/white"
         android:textSize="16sp" />
     </FrameLayout>

package/android/src/newarch/VideoTrimModule.kt

@@ -3,6 +3,7 @@ package com.videotrim
 import android.util.Log
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.bridge.WritableMap
 
@@ -69,6 +70,38 @@ class VideoTrimModule(
     base.trim(url, options, promise)
   }
 
+  override fun getFrameAt(url: String, options: ReadableMap, promise: Promise) {
+    base.getFrameAt(url, options, promise)
+  }
+
+  override fun extractAudio(url: String, options: ReadableMap, promise: Promise) {
+    base.extractAudio(url, options, promise)
+  }
+
+  override fun compress(url: String, options: ReadableMap, promise: Promise) {
+    base.compress(url, options, promise)
+  }
+
+  override fun toGif(url: String, options: ReadableMap, promise: Promise) {
+    base.toGif(url, options, promise)
+  }
+
+  override fun merge(urls: ReadableArray, options: ReadableMap, promise: Promise) {
+    base.merge(urls, options, promise)
+  }
+
+  override fun saveToPhoto(filePath: String, promise: Promise) {
+    base.saveToPhoto(filePath, promise)
+  }
+
+  override fun saveToDocuments(filePath: String, promise: Promise) {
+    base.saveToDocuments(filePath, promise)
+  }
+
+  override fun share(filePath: String, promise: Promise) {
+    base.share(filePath, promise)
+  }
+
   companion object {
     const val NAME = "VideoTrim"
   }

package/android/src/oldarch/VideoTrimModule.kt

@@ -3,6 +3,7 @@ package com.videotrim
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.WritableMap
+import com.facebook.react.bridge.ReadableArray
 
 import com.facebook.react.bridge.*
 import com.facebook.react.module.annotations.ReactModule
@@ -69,6 +70,46 @@ class VideoTrimModule internal constructor(context: ReactApplicationContext) : V
     base.trim(url, options, promise)
   }
 
+  @ReactMethod
+  override fun getFrameAt(url: String, options: ReadableMap?, promise: Promise) {
+    base.getFrameAt(url, options, promise)
+  }
+
+  @ReactMethod
+  override fun extractAudio(url: String, options: ReadableMap?, promise: Promise) {
+    base.extractAudio(url, options, promise)
+  }
+
+  @ReactMethod
+  override fun compress(url: String, options: ReadableMap?, promise: Promise) {
+    base.compress(url, options, promise)
+  }
+
+  @ReactMethod
+  override fun toGif(url: String, options: ReadableMap?, promise: Promise) {
+    base.toGif(url, options, promise)
+  }
+
+  @ReactMethod
+  override fun merge(urls: ReadableArray, options: ReadableMap?, promise: Promise) {
+    base.merge(urls, options, promise)
+  }
+
+  @ReactMethod
+  override fun saveToPhoto(filePath: String, promise: Promise) {
+    base.saveToPhoto(filePath, promise)
+  }
+
+  @ReactMethod
+  override fun saveToDocuments(filePath: String, promise: Promise) {
+    base.saveToDocuments(filePath, promise)
+  }
+
+  @ReactMethod
+  override fun share(filePath: String, promise: Promise) {
+    base.share(filePath, promise)
+  }
+
   companion object {
     const val NAME = "VideoTrim"
   }