@stepincto/expo-video 1.0.0

package/android/src/main/java/expo/modules/video/records/PlaybackError.kt

@@ -0,0 +1,19 @@
+package expo.modules.video.records
+
+import androidx.media3.common.PlaybackException
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import java.io.Serializable
+
+class PlaybackError(
+  @Field var message: String? = null
+) : Record, Serializable {
+  constructor(exception: PlaybackException) : this(errorMessageFromException(exception))
+
+  companion object {
+    private fun errorMessageFromException(exception: PlaybackException): String {
+      val reason = "${exception.localizedMessage} ${exception.cause?.localizedMessage ?: ""}"
+      return "A playback exception has occurred: $reason"
+    }
+  }
+}

package/android/src/main/java/expo/modules/video/records/Tracks.kt

@@ -0,0 +1,81 @@
+package expo.modules.video.records
+
+import androidx.annotation.OptIn
+import androidx.media3.common.Format
+import androidx.media3.common.util.UnstableApi
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import java.io.Serializable
+import java.util.Locale
+
+class SubtitleTrack(
+  @Field val id: String,
+  @Field val language: String?,
+  @Field val label: String?
+) : Record, Serializable {
+  companion object {
+    fun fromFormat(format: Format?): SubtitleTrack? {
+      format ?: return null
+      val id = format.id ?: return null
+      val language = format.language ?: return null
+      val label = Locale(language).displayLanguage
+
+      return SubtitleTrack(
+        id = id,
+        language = language,
+        label = label
+      )
+    }
+  }
+}
+
+class AudioTrack(
+  @Field val id: String,
+  @Field val language: String?,
+  @Field val label: String?
+) : Record, Serializable {
+  companion object {
+    fun fromFormat(format: Format?): AudioTrack? {
+      format ?: return null
+      val id = format.id ?: return null
+      val language = format.language
+      val label = language?.let { Locale(it).displayLanguage } ?: "Unknown"
+
+      return AudioTrack(
+        id = id,
+        language = language,
+        label = label
+      )
+    }
+  }
+}
+
+@OptIn(UnstableApi::class)
+class VideoTrack(
+  @Field val id: String,
+  @Field val size: VideoSize,
+  @Field val mimeType: String?,
+  @Field val isSupported: Boolean = true,
+  @Field val bitrate: Int? = null,
+  @Field val frameRate: Float? = null,
+  var format: Format? = null
+) : Record, Serializable {
+  companion object {
+    fun fromFormat(format: Format?, isSupported: Boolean): VideoTrack? {
+      val id = format?.id ?: return null
+      val size = VideoSize(format)
+      val mimeType = format.sampleMimeType
+      val bitrate = format.bitrate.takeIf { it != Format.NO_VALUE }
+      val frameRate = format.frameRate.takeIf { it != Format.NO_VALUE.toFloat() }
+      return VideoTrack(
+        id = id,
+        size = size,
+        mimeType = mimeType,
+        isSupported = isSupported,
+        bitrate = bitrate,
+        frameRate = frameRate,
+        format = format
+      )
+    }
+  }
+}

package/android/src/main/java/expo/modules/video/records/VideoEventPayloads.kt

@@ -0,0 +1,79 @@
+package expo.modules.video.records
+
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.video.enums.PlayerStatus
+import java.io.Serializable
+
+interface VideoEventPayload : Record, Serializable
+
+class StatusChangedEventPayload(
+  @Field val status: PlayerStatus,
+  @Field val oldStatus: PlayerStatus?,
+  @Field val error: PlaybackError?
+) : VideoEventPayload
+
+class IsPlayingEventPayload(
+  @Field val isPlaying: Boolean,
+  @Field val oldIsPlaying: Boolean?
+) : VideoEventPayload
+
+class VolumeChangedEventPayload(
+  @Field val volume: Float,
+  @Field val oldVolume: Float?
+) : VideoEventPayload
+
+class MutedChangedEventPayload(
+  @Field val muted: Boolean,
+  @Field val oldMuted: Boolean?
+) : VideoEventPayload
+
+class SourceChangedEventPayload(
+  @Field val source: VideoSource?,
+  @Field val oldSource: VideoSource?
+) : VideoEventPayload
+
+class PlaybackRateChangedEventPayload(
+  @Field val playbackRate: Float,
+  @Field val oldPlaybackRate: Float?
+) : VideoEventPayload
+
+class TimeUpdate(
+  @Field var currentTime: Double = .0,
+  @Field var currentOffsetFromLive: Float?,
+  @Field var currentLiveTimestamp: Long?,
+  @Field var bufferedPosition: Double = .0
+) : VideoEventPayload
+
+class SubtitleTrackChangedEventPayload(
+  @Field val subtitleTrack: SubtitleTrack?,
+  @Field val oldSubtitleTrack: SubtitleTrack?
+) : VideoEventPayload
+
+class AudioTrackChangedEventPayload(
+  @Field val audioTrack: AudioTrack?,
+  @Field val oldAudioTrack: AudioTrack?
+) : VideoEventPayload
+
+class VideoTrackChangedEventPayload(
+  @Field val videoTrack: VideoTrack?,
+  @Field val oldVideoTrack: VideoTrack?
+) : VideoEventPayload
+
+class AvailableSubtitleTracksChangedEventPayload(
+  @Field val availableSubtitleTracks: List<SubtitleTrack>,
+  @Field val oldAvailableSubtitleTracks: List<SubtitleTrack>
+) : VideoEventPayload
+
+class AvailableAudioTracksChangedEventPayload(
+  @Field val availableAudioTracks: List<AudioTrack>,
+  @Field val oldAvailableAudioTracks: List<AudioTrack>
+) : VideoEventPayload
+
+class VideoSourceLoadedEventPayload(
+  @Field val videoSource: VideoSource?,
+  @Field val duration: Double,
+  @Field val availableVideoTracks: List<VideoTrack>,
+  @Field val availableSubtitleTracks: List<SubtitleTrack>,
+  @Field val availableAudioTracks: List<AudioTrack>
+) : VideoEventPayload

package/android/src/main/java/expo/modules/video/records/VideoMetadata.kt

@@ -0,0 +1,12 @@
+package expo.modules.video.records
+
+import android.net.Uri
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import java.io.Serializable
+
+class VideoMetadata(
+  @Field var title: String? = null,
+  @Field var artist: String? = null,
+  @Field var artwork: Uri? = null
+) : Record, Serializable

package/android/src/main/java/expo/modules/video/records/VideoSize.kt

@@ -0,0 +1,14 @@
+package expo.modules.video.records
+
+import androidx.media3.common.Format
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import java.io.Serializable
+
+data class VideoSize(
+  @Field val width: Int = 0,
+  @Field val height: Int = 0
+) : Record, Serializable {
+  constructor(size: androidx.media3.common.VideoSize) : this(size.width, size.height)
+  constructor(format: Format) : this(format.width, format.height)
+}

package/android/src/main/java/expo/modules/video/records/VideoSource.kt

@@ -0,0 +1,104 @@
+package expo.modules.video.records
+
+import android.annotation.SuppressLint
+import android.content.ContentResolver
+import android.content.Context
+import android.net.Uri
+import android.util.Log
+import androidx.annotation.OptIn
+import androidx.media3.common.MediaItem
+import androidx.media3.common.MediaMetadata
+import androidx.media3.common.util.UnstableApi
+import androidx.media3.datasource.DataSpec
+import androidx.media3.datasource.RawResourceDataSource
+import androidx.media3.exoplayer.source.MediaSource
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.video.UnsupportedDRMTypeException
+import expo.modules.video.buildExpoVideoMediaSource
+import expo.modules.video.enums.ContentType
+import java.io.Serializable
+
+@OptIn(UnstableApi::class)
+class VideoSource(
+  @Field var uri: Uri? = null,
+  @Field var drm: DRMOptions? = null,
+  @Field var metadata: VideoMetadata? = null,
+  @Field var headers: Map<String, String>? = null,
+  @Field var useCaching: Boolean = false,
+  @Field val contentType: ContentType = ContentType.AUTO
+) : Record, Serializable {
+  private fun toMediaId(): String {
+    return "uri:${this.uri}" +
+      "Headers: ${this.headers}" +
+      "DrmType:${this.drm?.type}" +
+      "DrmLicenseServer:${this.drm?.licenseServer}" +
+      "DrmMultiKey:${this.drm?.multiKey}" +
+      "DRMHeadersKeys:${this.drm?.headers?.keys?.joinToString { it }}}" +
+      "DRMHeadersValues:${this.drm?.headers?.values?.joinToString { it }}}" +
+      "NotificationDataTitle:${this.metadata?.title}" +
+      "NotificationDataSecondaryText:${this.metadata?.artist}" +
+      "NotificationDataArtwork:${this.metadata?.artwork?.path}" +
+      "ContentType:${this.contentType.value}"
+  }
+
+  fun toMediaSource(context: Context): MediaSource? {
+    this.uri ?: return null
+    return buildExpoVideoMediaSource(context, this)
+  }
+
+  fun toMediaItem(context: Context) = MediaItem
+    .Builder()
+    .apply {
+      setUri(parseLocalAssetId(uri, context))
+      contentType.toMimeTypeString()?.let {
+        setMimeType(it)
+      }
+      drm?.let {
+        if (it.type.isSupported()) {
+          setDrmConfiguration(it.toDRMConfiguration())
+        } else {
+          throw UnsupportedDRMTypeException(it.type)
+        }
+      }
+      setMediaMetadata(
+        MediaMetadata.Builder().apply {
+          metadata?.let { data ->
+            setTitle(data.title)
+            setArtist(data.artist)
+            data.artwork?.let {
+              setArtworkUri(it)
+            }
+          }
+        }.build()
+      )
+    }
+    .build()
+
+  // Using `resolveAssetSource` to generate a local asset URI returns a resource name for android release builds
+  // we have to get the raw resource URI to play the video
+  @SuppressLint("DiscouragedApi") // AFAIK, in this case, there's no other way to get the resource URI
+  private fun parseLocalAssetId(uri: Uri?, context: Context): Uri? {
+    if (uri == null || uri.scheme != null) {
+      return uri
+    }
+    try {
+      val resourceId: Int = context.resources.getIdentifier(
+        uri.toString(),
+        "raw",
+        context.packageName
+      )
+      val parsedUri = Uri.Builder()
+        .scheme(ContentResolver.SCHEME_ANDROID_RESOURCE)
+        .appendPath(resourceId.toString())
+        .build()
+      val dataSpec = DataSpec(parsedUri)
+      val rawResourceDataSource = RawResourceDataSource(context)
+      rawResourceDataSource.open(dataSpec)
+      return rawResourceDataSource.uri
+    } catch (e: RawResourceDataSource.RawResourceDataSourceException) {
+      Log.e("ExpoVideo", "Error parsing local asset id, falling back to original uri", e)
+      return uri
+    }
+  }
+}

package/android/src/main/java/expo/modules/video/records/VideoThumbnailOptions.kt

@@ -0,0 +1,24 @@
+package expo.modules.video.records
+
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+
+class VideoThumbnailOptions(
+  @Field val maxWidth: Int? = null,
+  @Field val maxHeight: Int? = null
+) : Record {
+  // Returns a pair of Int values representing a valid size limitation for the thumbnail
+  // or null is no limit has been set
+  fun toNativeSizeLimit(): Pair<Int, Int>? {
+    if (this.maxWidth == null && this.maxHeight == null) {
+      return null
+    }
+    val width = this.maxWidth ?: Int.MAX_VALUE
+    val height = this.maxHeight ?: Int.MAX_VALUE
+
+    require(width >= 1 && height >= 1) {
+      "Failed to generate a thumbnail: The maxWidth and maxHeight parameters must be greater than zero"
+    }
+    return width to height
+  }
+}

package/android/src/main/java/expo/modules/video/utils/DataSourceUtils.kt

@@ -0,0 +1,75 @@
+package expo.modules.video
+
+import android.content.Context
+import android.content.pm.ApplicationInfo
+import androidx.annotation.OptIn
+import androidx.media3.common.util.UnstableApi
+import androidx.media3.common.util.Util
+import androidx.media3.datasource.DataSource
+import androidx.media3.datasource.DefaultDataSource
+import androidx.media3.datasource.cache.CacheDataSource
+import androidx.media3.datasource.okhttp.OkHttpDataSource
+import androidx.media3.exoplayer.source.DefaultMediaSourceFactory
+import androidx.media3.exoplayer.source.MediaSource
+import expo.modules.video.records.VideoSource
+import okhttp3.OkHttpClient
+
+@OptIn(UnstableApi::class)
+fun buildBaseDataSourceFactory(context: Context, videoSource: VideoSource): DataSource.Factory {
+  return if (videoSource.uri?.scheme?.startsWith("http") == true) {
+    buildOkHttpDataSourceFactory(context, videoSource)
+  } else {
+    DefaultDataSource.Factory(context)
+  }
+}
+
+@OptIn(UnstableApi::class)
+fun buildOkHttpDataSourceFactory(context: Context, videoSource: VideoSource): OkHttpDataSource.Factory {
+  val client = OkHttpClient.Builder().build()
+
+  // If the application name has ANY non-ASCII characters, we need to strip them out. This is because using non-ASCII characters
+  // in the User-Agent header can cause issues with getting the media to play.
+  val applicationName = getApplicationName(context).filter { it.code in 0..127 }
+
+  val defaultUserAgent = Util.getUserAgent(context, applicationName)
+
+  return OkHttpDataSource.Factory(client).apply {
+    val headers = videoSource.headers
+    headers?.takeIf { it.isNotEmpty() }?.let {
+      setDefaultRequestProperties(it)
+    }
+    val userAgent = headers?.get("User-Agent") ?: defaultUserAgent
+    setUserAgent(userAgent)
+  }
+}
+
+@OptIn(UnstableApi::class)
+fun buildCacheDataSourceFactory(context: Context, videoSource: VideoSource): DataSource.Factory {
+  return CacheDataSource.Factory().apply {
+    setCache(VideoManager.cache.instance)
+    setFlags(CacheDataSource.FLAG_IGNORE_CACHE_ON_ERROR)
+    setUpstreamDataSourceFactory(buildBaseDataSourceFactory(context, videoSource))
+  }
+}
+
+fun buildMediaSourceFactory(context: Context, dataSourceFactory: DataSource.Factory): MediaSource.Factory {
+  return DefaultMediaSourceFactory(context).setDataSourceFactory(dataSourceFactory)
+}
+
+@OptIn(UnstableApi::class)
+fun buildExpoVideoMediaSource(context: Context, videoSource: VideoSource): MediaSource {
+  val dataSourceFactory = if (videoSource.useCaching) {
+    buildCacheDataSourceFactory(context, videoSource)
+  } else {
+    buildBaseDataSourceFactory(context, videoSource)
+  }
+  val mediaSourceFactory = buildMediaSourceFactory(context, dataSourceFactory)
+  val mediaItem = videoSource.toMediaItem(context)
+  return mediaSourceFactory.createMediaSource(mediaItem)
+}
+
+private fun getApplicationName(context: Context): String {
+  val applicationInfo: ApplicationInfo = context.applicationInfo
+  val stringId = applicationInfo.labelRes
+  return if (stringId == 0) applicationInfo.nonLocalizedLabel.toString() else context.getString(stringId)
+}

package/android/src/main/java/expo/modules/video/utils/EventDispatcherUtils.kt

@@ -0,0 +1,43 @@
+package expo.modules.video.utils
+
+import android.util.Log
+import android.view.MotionEvent
+import android.view.View
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.react.uimanager.events.TouchEvent
+import com.facebook.react.uimanager.events.TouchEventCoalescingKeyHelper
+import com.facebook.react.uimanager.events.TouchEventType
+
+internal fun EventDispatcher.dispatchMotionEvent(view: View, event: MotionEvent?, touchEventCoalescingKeyHelper: TouchEventCoalescingKeyHelper) {
+  if (event == null) {
+    return
+  }
+
+  try {
+    val event = TouchEvent.obtain(
+      UIManagerHelper.getSurfaceId(view),
+      view.id,
+      event.toTouchEventType(),
+      event,
+      event.eventTime,
+      event.x,
+      event.y,
+      touchEventCoalescingKeyHelper
+    )
+    dispatchEvent(event)
+  } catch (e: RuntimeException) {
+    // We are not expecting any issues, but we want to prevent crashes in case the dispatch fails for any reason.
+    Log.e("EventDispatcherUtils", "Error dispatching touch event", e)
+  }
+}
+
+private fun MotionEvent.toTouchEventType(): TouchEventType {
+  return when (this.actionMasked) {
+    MotionEvent.ACTION_DOWN -> TouchEventType.START
+    MotionEvent.ACTION_UP -> TouchEventType.END
+    MotionEvent.ACTION_MOVE -> TouchEventType.MOVE
+    MotionEvent.ACTION_CANCEL -> TouchEventType.CANCEL
+    else -> TouchEventType.CANCEL
+  }
+}

package/android/src/main/java/expo/modules/video/utils/MutableWeakReference.kt

@@ -0,0 +1,15 @@
+package expo.modules.video.utils
+
+import java.lang.ref.WeakReference
+
+internal class MutableWeakReference<T>(value: T? = null) {
+  private var ref: WeakReference<T> = WeakReference(value)
+
+  fun get(): T? {
+    return ref.get()
+  }
+
+  fun set(value: T) {
+    ref = WeakReference(value)
+  }
+}

package/android/src/main/java/expo/modules/video/utils/PictureInPictureUtils.kt

@@ -0,0 +1,96 @@
+package expo.modules.video.utils
+
+import android.app.Activity
+import android.app.PictureInPictureParams
+import android.graphics.Rect
+import android.os.Build
+import android.util.Log
+import android.util.Rational
+import androidx.annotation.OptIn
+import androidx.media3.common.VideoSize
+import androidx.media3.common.util.UnstableApi
+import androidx.media3.ui.PlayerView
+import expo.modules.video.PictureInPictureConfigurationException
+import expo.modules.video.VideoView.Companion.isPictureInPictureSupported
+import expo.modules.video.enums.ContentFit
+
+@OptIn(UnstableApi::class)
+internal fun calculateRectHint(playerView: PlayerView): Rect {
+  val hint = Rect()
+  playerView.videoSurfaceView?.getGlobalVisibleRect(hint)
+  val location = IntArray(2)
+  playerView.videoSurfaceView?.getLocationOnScreen(location)
+
+  // getGlobalVisibleRect doesn't take into account the offset for the notch, we use the screen location
+  // of the view to calculate the rectHint.
+  // We only apply this correction on the y axis due to something that looks like a bug in the Android SDK.
+  // If the video screen and home screen have the same orientation this works correctly,
+  // but if the home screen doesn't support landscape and the video screen does, we have to
+  // ignore the offset for the notch on the x axis even though it's present on the video screen
+  // because there will be no offset on the home screen
+  // there is no way to check the orientation support of the home screen, so we make the bet that
+  // it won't support landscape (as most android home screens do by default)
+  // This doesn't have any serious consequences if we are wrong with the guess, the transition will be a bit off though
+  val height = hint.bottom - hint.top
+  hint.top = location[1]
+  hint.bottom = hint.top + height
+  return hint
+}
+
+internal fun calculatePiPAspectRatio(videoSize: VideoSize, viewWidth: Int, viewHeight: Int, contentFit: ContentFit): Rational {
+  var aspectRatio = if (contentFit == ContentFit.CONTAIN) {
+    Rational(videoSize.width, videoSize.height)
+  } else {
+    Rational(viewWidth, viewHeight)
+  }
+  // AspectRatio for the activity in picture-in-picture, must be between 2.39:1 and 1:2.39 (inclusive).
+  // https://developer.android.com/reference/android/app/PictureInPictureParams.Builder#setAspectRatio(android.util.Rational)
+  val maximumRatio = Rational(239, 100)
+  val minimumRatio = Rational(100, 239)
+
+  if (aspectRatio.toFloat() > maximumRatio.toFloat()) {
+    aspectRatio = maximumRatio
+  } else if (aspectRatio.toFloat() < minimumRatio.toFloat()) {
+    aspectRatio = minimumRatio
+  }
+  return aspectRatio
+}
+
+internal fun applyRectHint(activity: Activity, rectHint: Rect) {
+  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O && isPictureInPictureSupported(activity)) {
+    runWithPiPMisconfigurationSoftHandling {
+      activity.setPictureInPictureParams(PictureInPictureParams.Builder().setSourceRectHint(rectHint).build())
+    }
+  }
+}
+
+// We can't check if AndroidManifest.xml is configured properly, so we have to handle the exceptions ourselves to prevent crashes
+internal fun runWithPiPMisconfigurationSoftHandling(shouldThrow: Boolean = false, block: () -> Any?) {
+  try {
+    block()
+  } catch (e: IllegalStateException) {
+    Log.e("ExpoVideo", "Current activity does not support picture-in-picture. Make sure you have configured the `expo-video` config plugin correctly.")
+    if (shouldThrow) {
+      throw PictureInPictureConfigurationException()
+    }
+  }
+}
+
+internal fun applyPiPParams(activity: Activity, autoEnterPiP: Boolean, aspectRatio: Rational? = null) {
+  // If the aspect ratio exceeds the limits, the app will crash
+  val safeAspectRatio = aspectRatio?.takeIf { it.toFloat() in 0.41841..2.39 }
+
+  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O && isPictureInPictureSupported(activity)) {
+    val paramsBuilder = PictureInPictureParams.Builder()
+
+    safeAspectRatio?.let {
+      paramsBuilder.setAspectRatio(it)
+    }
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+      paramsBuilder.setAutoEnterEnabled(autoEnterPiP)
+    }
+    runWithPiPMisconfigurationSoftHandling {
+      activity.setPictureInPictureParams(paramsBuilder.build())
+    }
+  }
+}

package/android/src/main/java/expo/modules/video/utils/YogaUtils.kt

@@ -0,0 +1,20 @@
+package expo.modules.video.utils
+
+import com.facebook.yoga.YogaConstants
+
+fun Float.ifYogaUndefinedUse(value: Float) =
+  if (YogaConstants.isUndefined(this)) {
+    value
+  } else {
+    this
+  }
+
+inline fun Float.ifYogaDefinedUse(transformFun: (current: Float) -> Float) =
+  if (YogaConstants.isUndefined(this)) {
+    this
+  } else {
+    transformFun(this)
+  }
+
+fun makeYogaUndefinedIfNegative(value: Float) =
+  if (!YogaConstants.isUndefined(value) && value < 0) YogaConstants.UNDEFINED else value

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

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+  android:width="24dp"
+  android:height="24dp"
+  android:viewportWidth="24"
+  android:viewportHeight="24">
+  <group
+    android:pivotX="12"
+    android:pivotY="4"
+    android:scaleX="1.15"
+    android:scaleY="1.15">
+    <path
+      android:fillColor="?android:attr/colorControlNormal"
+      android:pathData="M12,5V1L7,6l5,5V7c3.31,0 6,2.69 6,6s-2.69,6 -6,6 -6,-2.69 -6,-6H4c0,4.42 3.58,8 8,8s8,-3.58 8,-8 -3.58,-8 -8,-8z" />
+    <group
+      android:pivotX="12"
+      android:pivotY="8"
+      android:scaleX="1"
+      android:scaleY="0.9">
+      <path
+        android:fillColor="?android:attr/colorControlNormal"
+        android:pathData="m10.412 17.244h-0.70313v-4.4805q-0.25391 0.24219-0.66797 0.48438-0.41016 0.24219-0.73828 0.36328v-0.67969q0.58984-0.27734 1.0313-0.67188 0.44141-0.39453 0.625-0.76563h0.45313zm1.2008-2.8242q0-1.0156 0.20703-1.6328 0.21094-0.6211 0.6211-0.95703 0.41406-0.33594 1.0391-0.33594 0.46094 0 0.80859 0.1875 0.34766 0.18359 0.57422 0.53516 0.22656 0.34766 0.35547 0.85156 0.12891 0.5 0.12891 1.3516 0 1.0078-0.20703 1.6289-0.20703 0.61719-0.6211 0.95703-0.41016 0.33594-1.0391 0.33594-0.82813 0-1.3008-0.59375-0.56641-0.71484-0.56641-2.3281zm0.72266 0q0 1.4102 0.32812 1.8789 0.33203 0.46484 0.81641 0.46484 0.48438 0 0.8125-0.46875 0.33203-0.46875 0.33203-1.875 0-1.4141-0.33203-1.8789-0.32813-0.46484-0.82031-0.46484-0.48438 0-0.77344 0.41016-0.36328 0.52344-0.36328 1.9336z"/>
+    </group>
+  </group>
+</vector>

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

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+  android:width="24dp"
+  android:height="24dp"
+  android:viewportWidth="24"
+  android:viewportHeight="24">
+  <group
+    android:pivotX="12"
+    android:pivotY="4"
+    android:scaleX="1.15"
+    android:scaleY="1.15">
+    <path
+      android:fillColor="?android:attr/colorControlNormal"
+      android:pathData="M12,5V1L7,6l5,5V7c3.31,0 6,2.69 6,6s-2.69,6 -6,6 -6,-2.69 -6,-6H4c0,4.42 3.58,8 8,8s8,-3.58 8,-8 -3.58,-8 -8,-8z" />
+    <group
+      android:pivotX="12"
+      android:pivotY="8"
+      android:scaleX="0.9"
+      android:scaleY="0.9">
+      <path
+        android:fillColor="?android:attr/colorControlNormal"
+        android:pathData="m10.412 17.244h-0.70313v-4.4805q-0.25391 0.24219-0.66797 0.48438-0.41016 0.24219-0.73828 0.36328v-0.67969q0.58984-0.27734 1.0313-0.67188 0.44141-0.39453 0.625-0.76563h0.45313zm1.2008-1.5 0.73828-0.0625q0.08203 0.53906 0.37891 0.8125 0.30078 0.26953 0.72266 0.26953 0.50781 0 0.85938-0.38281t0.35156-1.0156q0-0.60156-0.33984-0.94922-0.33594-0.34766-0.88281-0.34766-0.33984 0-0.61328 0.15625-0.27344 0.15234-0.42969 0.39844l-0.66016-0.08594 0.55469-2.9414h2.8477v0.67188h-2.2852l-0.30859 1.5391q0.51562-0.35938 1.082-0.35938 0.75 0 1.2656 0.51953 0.51562 0.51953 0.51562 1.3359 0 0.77734-0.45312 1.3438-0.55078 0.69531-1.5039 0.69531-0.78125 0-1.2773-0.4375-0.49219-0.4375-0.5625-1.1602z" />
+    </group>
+  </group>
+</vector>

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

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+  android:width="24dp"
+  android:height="24dp"
+  android:viewportWidth="24"
+  android:viewportHeight="24">
+  <group
+    android:pivotX="12"
+    android:pivotY="4"
+    android:scaleX="1.15"
+    android:scaleY="1.15">
+    <path
+      android:fillColor="?android:attr/colorControlNormal"
+      android:pathData="M12,5V1L7,6l5,5V7c3.31,0 6,2.69 6,6s-2.69,6 -6,6 -6,-2.69 -6,-6H4c0,4.42 3.58,8 8,8s8,-3.58 8,-8 -3.58,-8 -8,-8z" />
+    <group
+      android:pivotX="12"
+      android:pivotY="8"
+      android:scaleX="0.9"
+      android:scaleY="0.9">
+      <path
+        android:fillColor="?android:attr/colorControlNormal"
+        android:pathData="m 10.030088,16.051511 0.770367,-0.06521 q 0.08559,0.562491 0.395373,0.847811 0.313853,0.281245 0.754062,0.281245 0.529882,0 0.896723,-0.399449 0.366841,-0.39945 0.366841,-1.059764 0,-0.627706 -0.354612,-0.990471 -0.350538,-0.362765 -0.92118,-0.362765 -0.354613,0 -0.639933,0.163041 -0.285322,0.158964 -0.448362,0.415752 l -0.688846,-0.08967 0.578794,-3.069238 h 2.971413 v 0.701074 H 11.32626 l -0.322005,1.60595 q 0.538034,-0.374993 1.129056,-0.374993 0.782594,0 1.320628,0.54211 0.538034,0.542109 0.538034,1.393996 0,0.811127 -0.472817,1.402149 -0.574718,0.72553 -1.569266,0.72553 -0.815202,0 -1.332856,-0.456514 -0.513578,-0.456516 -0.586946,-1.210578 z" />
+    </group>
+  </group>
+</vector>