expo-video 1.0.2 → 1.1.0

package/.eslintrc.js

@@ -0,0 +1,2 @@
+// @generated by expo-module-scripts
+module.exports = require('expo-module-scripts/eslintrc.base.js');

package/CHANGELOG.md

@@ -0,0 +1,56 @@
+# Changelog
+
+## Unpublished
+
+### 🛠 Breaking changes
+
+### 🎉 New features
+
+### 🐛 Bug fixes
+
+### 💡 Others
+
+## 1.1.0 — 2024-04-18
+
+### 🎉 New features
+
+- Create a docs page. ([#27854](https://github.com/expo/expo/pull/27854) by [@behenate](https://github.com/behenate))
+- Add support for events on Android and iOS. ([#27632](https://github.com/expo/expo/pull/27632) by [@behenate](https://github.com/behenate))
+- Add support for `loop`, `playbackRate`, `preservesPitch` and `currentTime` properties. ([#27367](https://github.com/expo/expo/pull/27367) by [@behenate](https://github.com/behenate))
+- Add background playback support. ([#27110](https://github.com/expo/expo/pull/27110) by [@behenate](https://github.com/behenate))
+- Add DRM support for Android and iOS. ([#26465](https://github.com/expo/expo/pull/26465) by [@behenate](https://github.com/behenate))
+- [Android] Add Picture in Picture support. ([#26368](https://github.com/expo/expo/pull/26368) by [@behenate](https://github.com/behenate))
+- [Android] Add fullscreen support. ([#26159](https://github.com/expo/expo/pull/26159) by [@behenate](https://github.com/behenate))
+- [web] Add volume ([#26137](https://github.com/expo/expo/pull/26137) by [@behenate](https://github.com/behenate))
+- Initial release for Android 🎉 ([#26033](https://github.com/expo/expo/pull/26033) by [@behenate](https://github.com/behenate))
+- [Android] Adds support for boarders. ([#27003](https://github.com/expo/expo/pull/27003) by [@lukmccall](https://github.com/lukmccall))
+
+### 🐛 Bug fixes
+
+- Fix memory leaks on fast refresh. ([#27428](https://github.com/expo/expo/pull/27428) by [@behenate](https://github.com/behenate))
+
+### 💡 Others
+
+- Removed deprecated backward compatible Gradle settings. ([#28083](https://github.com/expo/expo/pull/28083) by [@kudo](https://github.com/kudo))
+
+## 0.3.1 — 2023-12-12
+
+_This version does not introduce any user-facing changes._
+
+## 0.3.0 — 2023-12-12
+
+### 🎉 New features
+
+- [iOS] Add Picture in Picture support. ([#25522](https://github.com/expo/expo/pull/25522) by [@behenate](https://github.com/behenate))
+
+## 0.2.0 — 2023-11-14
+
+### 🛠 Breaking changes
+
+- On `Android` bump `compileSdkVersion` and `targetSdkVersion` to `34`. ([#24708](https://github.com/expo/expo/pull/24708) by [@alanjhughes](https://github.com/alanjhughes))
+
+## 0.1.0 — 2023-10-30
+
+### 🎉 New features
+
+- Initial release for iOS 🎉

package/README.md

@@ -0,0 +1,33 @@
+<p>
+  <a href="https://docs.expo.dev/versions/unversioned/sdk/video/">
+    <img
+      src="../../.github/resources/expo-video.svg"
+      alt="expo-video"
+      height="64" />
+  </a>
+</p>
+
+A cross-platform, performant video component for React Native and Expo with Web support
+
+# API documentation
+
+- [Documentation for the main branch](https://github.com/expo/expo/blob/main/docs/pages/versions/unversioned/sdk/video.md)
+- [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/video/)
+
+# Installation in managed Expo projects
+
+For [managed](https://docs.expo.dev/archive/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](#api-documentation). If you follow the link and there is no documentation available then this library is not yet usable within managed projects &mdash; it is likely to be included in an upcoming Expo SDK release.
+
+# Installation in bare React Native projects
+
+For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.
+
+### Add the package to your npm dependencies
+
+```
+npm install expo-video
+```
+
+# Contributing
+
+Contributions are very welcome! Please refer to guidelines described in the [contributing guide](https://github.com/expo/expo#contributing).

package/android/build.gradle

@@ -0,0 +1,33 @@
+apply plugin: 'com.android.library'
+
+group = 'host.exp.exponent'
+version = '1.1.0'
+
+def expoModulesCorePlugin = new File(project(":expo-modules-core").projectDir.absolutePath, "ExpoModulesCorePlugin.gradle")
+apply from: expoModulesCorePlugin
+applyKotlinExpoModulesCorePlugin()
+useCoreDependencies()
+useDefaultAndroidSdkVersions()
+useExpoPublishing()
+
+android {
+  namespace "expo.modules.video"
+  defaultConfig {
+    versionCode 1
+    versionName '1.1.0'
+  }
+}
+
+dependencies {
+  implementation 'com.facebook.react:react-android'
+
+  def androidxMedia3Version = "1.2.1"
+  implementation "androidx.media3:media3-session:${androidxMedia3Version}"
+  implementation "androidx.media3:media3-exoplayer:${androidxMedia3Version}"
+  implementation "androidx.media3:media3-exoplayer-dash:${androidxMedia3Version}"
+  implementation "androidx.media3:media3-ui:${androidxMedia3Version}"
+
+  def fragment_version = "1.6.2"
+  implementation "androidx.fragment:fragment:$fragment_version"
+  implementation "androidx.fragment:fragment-ktx:$fragment_version"
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,16 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+  <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+  <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK" />
+
+  <application>
+    <activity android:name=".FullscreenPlayerActivity" />
+    <service
+      android:name=".ExpoVideoPlaybackService"
+      android:exported="false"
+      android:foregroundServiceType="mediaPlayback">
+      <intent-filter>
+        <action android:name="androidx.media3.session.MediaSessionService" />
+      </intent-filter>
+    </service>
+  </application>
+</manifest>

package/android/src/main/java/expo/modules/video/ContentFit.kt

@@ -0,0 +1,19 @@
+package expo.modules.video
+
+import androidx.media3.ui.AspectRatioFrameLayout
+import expo.modules.kotlin.types.Enumerable
+
+@androidx.annotation.OptIn(androidx.media3.common.util.UnstableApi::class)
+enum class ContentFit(val value: String) : Enumerable {
+  CONTAIN("contain"),
+  FILL("fill"),
+  COVER("cover");
+
+  fun toResizeMode(): Int {
+    return when (this) {
+      CONTAIN -> AspectRatioFrameLayout.RESIZE_MODE_FIT
+      FILL -> AspectRatioFrameLayout.RESIZE_MODE_ZOOM
+      COVER -> AspectRatioFrameLayout.RESIZE_MODE_FILL
+    }
+  }
+}

package/android/src/main/java/expo/modules/video/ExpoVideoPlaybackService.kt

@@ -0,0 +1,140 @@
+package expo.modules.video
+
+import android.app.NotificationChannel
+import android.app.NotificationManager
+import android.content.Context
+import android.content.Intent
+import android.os.Binder
+import android.os.Build
+import android.os.Bundle
+import android.os.IBinder
+import androidx.annotation.OptIn
+import androidx.core.app.NotificationCompat
+import androidx.media3.common.util.UnstableApi
+import androidx.media3.exoplayer.ExoPlayer
+import androidx.media3.session.CommandButton
+import androidx.media3.session.MediaSession
+import androidx.media3.session.MediaSessionService
+import androidx.media3.session.MediaStyleNotificationHelper
+import androidx.media3.session.SessionCommand
+import com.google.common.collect.ImmutableList
+
+class PlaybackServiceBinder(val service: ExpoVideoPlaybackService) : Binder()
+
+@OptIn(UnstableApi::class)
+class ExpoVideoPlaybackService : MediaSessionService() {
+  private val mediaSessions = mutableMapOf<ExoPlayer, MediaSession>()
+  private val binder = PlaybackServiceBinder(this)
+
+  private val commandSeekForward = SessionCommand(SEEK_FORWARD_COMMAND, Bundle.EMPTY)
+  private val commandSeekBackward = SessionCommand(SEEK_BACKWARD_COMMAND, Bundle.EMPTY)
+  private val seekForwardButton = CommandButton.Builder()
+    .setDisplayName("rewind")
+    .setSessionCommand(commandSeekForward)
+    .setIconResId(R.drawable.seek_forwards_10s)
+    .build()
+
+  private val seekBackwardButton = CommandButton.Builder()
+    .setDisplayName("forward")
+    .setSessionCommand(commandSeekBackward)
+    .setIconResId(R.drawable.seek_backwards_10s)
+    .build()
+
+  fun registerPlayer(player: ExoPlayer) {
+    if (mediaSessions[player] != null) {
+      return
+    }
+
+    val mediaSession = MediaSession.Builder(this, player)
+      .setId("ExpoVideoPlaybackService_${player.hashCode()}")
+      .setCallback(VideoMediaSessionCallback())
+      .setCustomLayout(ImmutableList.of(seekBackwardButton, seekForwardButton))
+      .build()
+
+    mediaSessions[player] = mediaSession
+    addSession(mediaSession)
+  }
+
+  fun unregisterPlayer(player: ExoPlayer) {
+    hidePlayerNotification(player)
+    val session = mediaSessions.remove(player)
+    session?.release()
+    if (mediaSessions.isEmpty()) {
+      cleanup()
+      stopSelf()
+    }
+  }
+
+  override fun onBind(intent: Intent?): IBinder {
+    super.onBind(intent)
+    return binder
+  }
+
+  override fun onUpdateNotification(session: MediaSession, startInForegroundRequired: Boolean) {
+    createNotification(session)
+  }
+
+  override fun onTaskRemoved(rootIntent: Intent?) {
+    cleanup()
+    stopSelf()
+  }
+
+  override fun onGetSession(controllerInfo: MediaSession.ControllerInfo): MediaSession? {
+    return null
+  }
+
+  override fun onDestroy() {
+    cleanup()
+    super.onDestroy()
+  }
+
+  private fun createNotification(session: MediaSession) {
+    if (session.player.currentMediaItem == null) {
+      return
+    }
+
+    val notificationManager: NotificationManager = getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+      notificationManager.createNotificationChannel(NotificationChannel(CHANNEL_ID, CHANNEL_ID, NotificationManager.IMPORTANCE_LOW))
+    }
+
+    // If the title is null android sets the notification to "<AppName> is running..." we want to keep the notification empty.
+    val contentTitle = session.player.currentMediaItem?.mediaMetadata?.title ?: "\u200E"
+    val notificationCompat = NotificationCompat.Builder(this, CHANNEL_ID)
+      .setSmallIcon(androidx.media3.session.R.drawable.media3_icon_circular_play)
+      .setContentTitle(contentTitle)
+      .setStyle(MediaStyleNotificationHelper.MediaStyle(session))
+      .build()
+
+    // Each of the players has it's own notification when playing.
+    notificationManager.notify(session.player.hashCode(), notificationCompat)
+  }
+
+  private fun cleanup() {
+    hideAllNotifications()
+    mediaSessions.forEach { (_, session) ->
+      session.release()
+    }
+    mediaSessions.clear()
+  }
+
+  private fun hidePlayerNotification(player: ExoPlayer) {
+    val notificationManager: NotificationManager = getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
+    notificationManager.cancel(player.hashCode())
+  }
+
+  private fun hideAllNotifications() {
+    val notificationManager: NotificationManager = getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
+    notificationManager.cancelAll()
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+      notificationManager.deleteNotificationChannel(CHANNEL_ID)
+    }
+  }
+
+  companion object {
+    const val SEEK_FORWARD_COMMAND = "SEEK_FORWARD"
+    const val SEEK_BACKWARD_COMMAND = "SEEK_REWIND"
+    const val CHANNEL_ID = "PlaybackService"
+    const val SEEK_INTERVAL_MS = 10000L
+  }
+}

package/android/src/main/java/expo/modules/video/FullscreenPlayerActivity.kt

@@ -0,0 +1,82 @@
+package expo.modules.video
+
+import android.app.Activity
+import android.os.Build
+import android.os.Bundle
+import android.view.View
+import android.view.WindowInsets
+import android.view.WindowInsetsController
+import android.widget.ImageButton
+import androidx.media3.ui.PlayerView
+
+@androidx.annotation.OptIn(androidx.media3.common.util.UnstableApi::class)
+class FullscreenPlayerActivity : Activity() {
+  private lateinit var mContentView: View
+  private lateinit var videoViewId: String
+  private lateinit var playerView: PlayerView
+  private lateinit var videoView: VideoView
+
+  override fun onCreate(savedInstanceState: Bundle?) {
+    super.onCreate(savedInstanceState)
+    setContentView(R.layout.fullscreen_player_activity)
+    mContentView = findViewById(R.id.enclosing_layout)
+
+    playerView = findViewById(R.id.player_view)
+    videoViewId = intent.getStringExtra(VideoManager.INTENT_PLAYER_KEY)
+      ?: throw FullScreenVideoViewNotFoundException()
+
+    videoView = VideoManager.getVideoView(videoViewId)
+    videoView.videoPlayer?.changePlayerView(playerView)
+  }
+
+  override fun onPostCreate(savedInstanceState: Bundle?) {
+    super.onPostCreate(savedInstanceState)
+    hideStatusBar()
+    setupFullscreenButton()
+    playerView.applyRequiresLinearPlayback(videoView.videoPlayer?.requiresLinearPlayback ?: false)
+    playerView.addOnLayoutChangeListener { _, _, _, _, _, _, _, _, _ ->
+      // On every re-layout ExoPlayer makes the timeBar interactive.
+      // We need to disable it to keep scrubbing off.
+      playerView.setTimeBarInteractive(videoView.videoPlayer?.requiresLinearPlayback ?: true)
+    }
+  }
+
+  override fun finish() {
+    super.finish()
+    VideoManager.getVideoView(videoViewId).exitFullscreen()
+
+    // Disable the exit transition
+    if (Build.VERSION.SDK_INT >= 34) {
+      overrideActivityTransition(OVERRIDE_TRANSITION_CLOSE, 0, 0)
+    } else {
+      overridePendingTransition(0, 0)
+    }
+  }
+
+  private fun setupFullscreenButton() {
+    playerView.setFullscreenButtonClickListener { finish() }
+
+    val fullScreenButton: ImageButton = playerView.findViewById(androidx.media3.ui.R.id.exo_fullscreen)
+    fullScreenButton.setImageResource(androidx.media3.ui.R.drawable.exo_icon_fullscreen_exit)
+  }
+
+  private fun hideStatusBar() {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+      val controller = mContentView.windowInsetsController
+      controller?.apply {
+        systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+        hide(WindowInsets.Type.statusBars() or WindowInsets.Type.navigationBars())
+      }
+    } else {
+      @Suppress("DEPRECATION")
+      mContentView.systemUiVisibility = (
+        View.SYSTEM_UI_FLAG_LOW_PROFILE
+          or View.SYSTEM_UI_FLAG_FULLSCREEN
+          or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
+          or View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
+          or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
+          or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
+        )
+    }
+  }
+}

package/android/src/main/java/expo/modules/video/PictureInPictureHelperFragment.kt

@@ -0,0 +1,21 @@
+package expo.modules.video
+
+import androidx.fragment.app.Fragment
+import java.util.UUID
+
+class PictureInPictureHelperFragment(private val videoView: VideoView) : Fragment() {
+  val id = "${PictureInPictureHelperFragment::class.java.simpleName}_${UUID.randomUUID()}"
+
+  override fun onPictureInPictureModeChanged(isInPictureInPictureMode: Boolean) {
+    super.onPictureInPictureModeChanged(isInPictureInPictureMode)
+
+    if (isInPictureInPictureMode) {
+      videoView.layoutForPiPEnter()
+      videoView.onPictureInPictureStart(Unit)
+    } else {
+      videoView.willEnterPiP = false
+      videoView.layoutForPiPExit()
+      videoView.onPictureInPictureStop(Unit)
+    }
+  }
+}

package/android/src/main/java/expo/modules/video/PlayerViewExtension.kt

@@ -0,0 +1,36 @@
+package expo.modules.video
+
+import android.graphics.Color
+import androidx.media3.ui.DefaultTimeBar
+import androidx.media3.ui.PlayerView
+
+@androidx.annotation.OptIn(androidx.media3.common.util.UnstableApi::class)
+internal fun PlayerView.applyRequiresLinearPlayback(requireLinearPlayback: Boolean) {
+  setShowFastForwardButton(!requireLinearPlayback)
+  setShowRewindButton(!requireLinearPlayback)
+  setShowPreviousButton(!requireLinearPlayback)
+  setShowNextButton(!requireLinearPlayback)
+  setTimeBarInteractive(requireLinearPlayback)
+}
+
+@androidx.annotation.OptIn(androidx.media3.common.util.UnstableApi::class)
+internal fun PlayerView.setTimeBarInteractive(interactive: Boolean) {
+  val timeBar = findViewById<DefaultTimeBar>(androidx.media3.ui.R.id.exo_progress)
+  if (interactive) {
+    timeBar?.setScrubberColor(Color.TRANSPARENT)
+    timeBar?.isEnabled = false
+  } else {
+    timeBar?.setScrubberColor(Color.WHITE)
+    timeBar?.isEnabled = true
+  }
+}
+
+@androidx.annotation.OptIn(androidx.media3.common.util.UnstableApi::class)
+internal fun PlayerView.setFullscreenButtonVisibility(visible: Boolean) {
+  val fullscreenButton = findViewById<android.widget.ImageButton>(androidx.media3.ui.R.id.exo_fullscreen)
+  fullscreenButton?.visibility = if (visible) {
+    android.view.View.VISIBLE
+  } else {
+    android.view.View.GONE
+  }
+}

package/android/src/main/java/expo/modules/video/VideoExceptions.kt

@@ -0,0 +1,25 @@
+package expo.modules.video
+
+import expo.modules.kotlin.exception.CodedException
+import expo.modules.video.enums.DRMType
+
+internal class FullScreenVideoViewNotFoundException :
+  CodedException("VideoView id wasn't passed to the activity")
+
+internal class VideoViewNotFoundException(id: String) :
+  CodedException("VideoView with id: $id not found")
+
+internal class MethodUnsupportedException(methodName: String) :
+  CodedException("Method `$methodName` is not supported on Android")
+
+internal class PictureInPictureEnterException(message: String?) :
+  CodedException("Failed to enter Picture in Picture mode${message?.let { ". $message" } ?: ""}")
+
+internal class PictureInPictureUnsupportedException :
+  CodedException("Picture in Picture mode is not supported on this device")
+
+internal class UnsupportedDRMTypeException(type: DRMType) :
+  CodedException("DRM type `$type` is not supported on Android")
+
+internal class PlaybackException(reason: String?, cause: Throwable? = null) :
+  CodedException("A playback exception has occurred: ${reason ?: "reason unknown"}", cause)

package/android/src/main/java/expo/modules/video/VideoManager.kt

@@ -0,0 +1,88 @@
+package expo.modules.video
+
+import androidx.annotation.OptIn
+import androidx.media3.common.MediaItem
+import androidx.media3.common.util.UnstableApi
+import expo.modules.video.records.VideoSource
+import java.lang.ref.WeakReference
+
+// Helper class used to keep track of all existing VideoViews and VideoPlayers
+@OptIn(UnstableApi::class)
+object VideoManager {
+  const val INTENT_PLAYER_KEY = "player_uuid"
+
+  // Used for sharing videoViews between VideoView and FullscreenPlayerActivity
+  private var videoViews = mutableMapOf<String, VideoView>()
+
+  // Keeps track of all existing VideoPlayers, and whether they are attached to a VideoView
+  private var videoPlayersToVideoViews = mutableMapOf<VideoPlayer, MutableList<VideoView>>()
+
+  // Keeps track of all existing MediaItems and their corresponding VideoSources. Used for recognizing source of MediaItems.
+  private var mediaItemsToVideoSources = mutableMapOf<String, WeakReference<VideoSource>>()
+
+  fun registerVideoView(videoView: VideoView) {
+    videoViews[videoView.id] = videoView
+  }
+
+  fun getVideoView(id: String): VideoView {
+    return videoViews[id] ?: throw VideoViewNotFoundException(id)
+  }
+
+  fun unregisterVideoView(videoView: VideoView) {
+    videoViews.remove(videoView.id)
+  }
+
+  fun registerVideoPlayer(videoPlayer: VideoPlayer) {
+    videoPlayersToVideoViews[videoPlayer] = videoPlayersToVideoViews[videoPlayer] ?: mutableListOf()
+  }
+
+  fun unregisterVideoPlayer(videoPlayer: VideoPlayer) {
+    videoPlayersToVideoViews.remove(videoPlayer)
+  }
+
+  fun registerVideoSourceToMediaItem(mediaItem: MediaItem, videoSource: VideoSource) {
+    mediaItemsToVideoSources[mediaItem.mediaId] = WeakReference(videoSource)
+  }
+
+  fun getVideoSourceFromMediaItem(mediaItem: MediaItem?): VideoSource? {
+    if (mediaItem == null) {
+      return null
+    }
+    return mediaItemsToVideoSources[mediaItem.mediaId]?.get()
+  }
+
+  fun onVideoPlayerAttachedToView(videoPlayer: VideoPlayer, videoView: VideoView) {
+    if (videoPlayersToVideoViews[videoPlayer]?.contains(videoView) == true) {
+      return
+    }
+    videoPlayersToVideoViews[videoPlayer]?.add(videoView) ?: run {
+      videoPlayersToVideoViews[videoPlayer] = arrayListOf(videoView)
+    }
+
+    if (videoPlayersToVideoViews[videoPlayer]?.size == 1) {
+      videoPlayer.playbackServiceBinder?.service?.registerPlayer(videoPlayer.player)
+    }
+  }
+
+  fun onVideoPlayerDetachedFromView(videoPlayer: VideoPlayer, videoView: VideoView) {
+    videoPlayersToVideoViews[videoPlayer]?.remove(videoView)
+
+    // Unregister disconnected VideoPlayers from the playback service
+    if (videoPlayersToVideoViews[videoPlayer] == null || videoPlayersToVideoViews[videoPlayer]?.size == 0) {
+      videoPlayer.playbackServiceBinder?.service?.unregisterPlayer(videoPlayer.player)
+    }
+  }
+
+  fun onAppForegrounded() = Unit
+
+  fun onAppBackgrounded() {
+    for (videoView in videoViews.values) {
+      if (videoView.videoPlayer?.staysActiveInBackground == false &&
+        !videoView.willEnterPiP &&
+        !videoView.isInFullscreen
+      ) {
+        videoView.videoPlayer?.player?.pause()
+      }
+    }
+  }
+}

package/android/src/main/java/expo/modules/video/VideoMediaSessionCallback.kt

@@ -0,0 +1,47 @@
+package expo.modules.video
+
+import android.os.Bundle
+import androidx.media3.common.Player
+import androidx.media3.session.MediaSession
+import androidx.media3.session.SessionCommand
+import androidx.media3.session.SessionResult
+import com.google.common.util.concurrent.ListenableFuture
+import androidx.annotation.OptIn
+import androidx.media3.common.util.UnstableApi
+
+@OptIn(UnstableApi::class)
+class VideoMediaSessionCallback : MediaSession.Callback {
+  override fun onConnect(
+    session: MediaSession,
+    controller: MediaSession.ControllerInfo
+  ): MediaSession.ConnectionResult {
+    try {
+      // TODO @behenate: For now we're only allowing seek forward and back by 10 seconds and going to the
+      //  beginning of the video. In the future we should add more customization options for the users.
+      return MediaSession.ConnectionResult.AcceptedResultBuilder(session)
+        .setAvailablePlayerCommands(
+          MediaSession.ConnectionResult.DEFAULT_PLAYER_COMMANDS.buildUpon()
+            .add(Player.COMMAND_SEEK_FORWARD)
+            .add(Player.COMMAND_SEEK_BACK)
+            .build()
+        )
+        .setAvailableSessionCommands(
+          MediaSession.ConnectionResult.DEFAULT_SESSION_COMMANDS.buildUpon()
+            .add(SessionCommand(ExpoVideoPlaybackService.SEEK_BACKWARD_COMMAND, Bundle.EMPTY))
+            .add(SessionCommand(ExpoVideoPlaybackService.SEEK_FORWARD_COMMAND, Bundle.EMPTY))
+            .build()
+        )
+        .build()
+    } catch (e: Exception) {
+      return MediaSession.ConnectionResult.reject()
+    }
+  }
+
+  override fun onCustomCommand(session: MediaSession, controller: MediaSession.ControllerInfo, customCommand: SessionCommand, args: Bundle): ListenableFuture<SessionResult> {
+    when (customCommand.customAction) {
+      ExpoVideoPlaybackService.SEEK_FORWARD_COMMAND -> session.player.seekTo(session.player.currentPosition + ExpoVideoPlaybackService.SEEK_INTERVAL_MS)
+      ExpoVideoPlaybackService.SEEK_BACKWARD_COMMAND -> session.player.seekTo(session.player.currentPosition - ExpoVideoPlaybackService.SEEK_INTERVAL_MS)
+    }
+    return super.onCustomCommand(session, controller, customCommand, args)
+  }
+}