react-native-theoplayer 2.2.0 → 2.4.0

package/CHANGELOG.md

@@ -5,6 +5,31 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [unreleased]
+
+### Fixed
+
+- Fixed an issue on iOS and Android where cue event properties `startTime` and `endTime` with value `Infinity` or `NaN` were not passed correctly.
+- Fixed an issue on iOS Safari where switching to fullscreen presentation during an ad would not work.
+- Fixed an issue on iOS Safari where an ad could be skipped during unmuted autoplay.
+- Fixed a memory leak on iOS where the player would be allocated after being destroyed.
+- Fixed an issue on Android where building the SDK would require IMA to be enabled.
+
+### Changed
+
+- Changed Web media session controls to only show trick-play buttons if the player is in foreground, or `backgroundAudioEnabled` is `true`, and never for ads and live stream.
+- Changed Web media session controls to only show a play/pause button if the player is in foreground, or `backgroundAudioEnabled` is `true`, and never for ads.
+
+### Added
+
+- Added the `crossOrigin` property to `SourceDescription` for requesting CORS access to content.
+
+## [2.3.0] - 23-04-14
+
+### Changed
+
+- Updated picture-in-picture controls on Android to include forward/rewind buttons and disabled pause button for ads.
+
 ## [2.2.0] - 23-04-12
 
 ### Fixed

package/android/src/main/java/com/theoplayer/presentation/PipUtils.kt

@@ -0,0 +1,248 @@
+package com.theoplayer.presentation
+
+import android.app.PendingIntent
+import android.app.PictureInPictureParams
+import android.app.RemoteAction
+import android.content.BroadcastReceiver
+import android.content.Context
+import android.content.Intent
+import android.content.IntentFilter
+import android.graphics.Rect
+import android.graphics.drawable.Icon
+import android.os.Build
+import android.util.Rational
+import android.view.SurfaceView
+import android.view.TextureView
+import android.view.View
+import android.view.ViewGroup
+import androidx.annotation.RequiresApi
+import com.facebook.react.uimanager.ThemedReactContext
+import com.theoplayer.BuildConfig
+import com.theoplayer.R
+import com.theoplayer.ReactTHEOplayerContext
+import com.theoplayer.android.api.ads.ima.GoogleImaAdEvent
+import com.theoplayer.android.api.ads.ima.GoogleImaAdEventType
+import com.theoplayer.android.api.event.EventListener
+import com.theoplayer.android.api.event.player.PlayerEvent
+import com.theoplayer.android.api.event.player.PlayerEventTypes
+import com.theoplayer.android.api.player.Player
+
+private const val EXTRA_ACTION = "EXTRA_ACTION"
+private const val ACTION_MEDIA_CONTROL = "pip_media_control"
+private const val ACTION_PLAY = 0
+private const val ACTION_PAUSE = ACTION_PLAY + 1
+private const val ACTION_RWD = ACTION_PLAY + 2
+private const val ACTION_FFD = ACTION_PLAY + 3
+private const val ACTION_IGNORE = ACTION_PLAY + 999
+private const val SKIP_TIME = 15
+
+private val PIP_ASPECT_RATIO_DEFAULT = Rational(16, 9)
+private val PIP_ASPECT_RATIO_MIN = Rational(100, 239)
+private val PIP_ASPECT_RATIO_MAX = Rational(239, 100)
+
+class PipUtils(
+  private val viewCtx: ReactTHEOplayerContext,
+  private val reactContext: ThemedReactContext
+) {
+
+  private var enabled: Boolean = false
+  private var onPlayerAction: EventListener<PlayerEvent<*>>? = null
+  private var onAdAction: EventListener<GoogleImaAdEvent>? = null
+  private val playerEvents = listOf(PlayerEventTypes.PLAY, PlayerEventTypes.PAUSE)
+  private var adEvents = listOf<GoogleImaAdEventType>()
+  private val broadcastReceiver: BroadcastReceiver = buildBroadcastReceiver()
+
+  private val player: Player
+    get() = viewCtx.player
+
+  init {
+    onPlayerAction = EventListener {
+      updatePipParams()
+    }
+    onAdAction = EventListener {
+      updatePipParams()
+    }
+    if (BuildConfig.EXTENSION_GOOGLE_IMA) {
+      adEvents = listOf(GoogleImaAdEventType.STARTED, GoogleImaAdEventType.CONTENT_RESUME_REQUESTED)
+    }
+  }
+
+  fun enable() {
+    if (enabled) {
+      return
+    }
+    playerEvents.forEach { action ->
+      player.addEventListener(action, onPlayerAction)
+    }
+    adEvents.forEach { action ->
+      player.ads.addEventListener(action, onAdAction)
+    }
+    reactContext.currentActivity?.registerReceiver(
+      broadcastReceiver,
+      IntentFilter(ACTION_MEDIA_CONTROL)
+    )
+    enabled = true
+  }
+
+  fun disable() {
+    if (!enabled) {
+      return
+    }
+    playerEvents.forEach { action ->
+      player.removeEventListener(action, onPlayerAction)
+    }
+    adEvents.forEach { action ->
+      player.ads.removeEventListener(action, onAdAction)
+    }
+    try {
+      reactContext.currentActivity?.unregisterReceiver(broadcastReceiver)
+    } catch (ignore: IllegalArgumentException) { /*ignore*/}
+    enabled = false
+  }
+
+  fun destroy() {
+    disable()
+  }
+
+  @RequiresApi(Build.VERSION_CODES.O)
+  fun buildPipActions(
+    paused: Boolean,
+    enablePlayPause: Boolean,
+    enableTrickPlay: Boolean
+  ): List<RemoteAction> {
+    return mutableListOf<RemoteAction>().apply {
+
+      // Trick-play: Rewind
+      if (enableTrickPlay) {
+        add(
+          buildRemoteAction(
+            ACTION_RWD,
+            R.drawable.ic_rewind,
+            R.string.rwd_pip,
+            R.string.rwd_desc_pip
+          )
+        )
+      }
+
+      // Play/pause
+      // Always add this button, but send an ACTION_IGNORE if disabled.
+      add(
+        if (paused) {
+          buildRemoteAction(
+            if (enablePlayPause) ACTION_PLAY else ACTION_IGNORE,
+            R.drawable.ic_play,
+            R.string.play_pip,
+            R.string.play_desc_pip
+          )
+        } else {
+          buildRemoteAction(
+            if (enablePlayPause) ACTION_PAUSE else ACTION_IGNORE,
+            R.drawable.ic_pause,
+            R.string.pause_pip,
+            R.string.pause_desc_pip
+          )
+        }
+      )
+
+      // Trick-play: Fast Forward
+      if (enableTrickPlay) {
+        add(
+          buildRemoteAction(
+            ACTION_FFD,
+            R.drawable.ic_fast_forward,
+            R.string.ffd_pip,
+            R.string.ffd_desc_pip
+          )
+        )
+      }
+    }
+  }
+
+  private fun getSafeAspectRatio(width: Int, height: Int): Rational {
+    val aspectRatio = Rational(width, height)
+    if (aspectRatio.isNaN || aspectRatio.isInfinite || aspectRatio.isZero) {
+      // Default aspect ratio
+      return PIP_ASPECT_RATIO_DEFAULT
+    }
+    if (aspectRatio > PIP_ASPECT_RATIO_MAX) {
+      return PIP_ASPECT_RATIO_MAX
+    }
+    if (aspectRatio < PIP_ASPECT_RATIO_MIN) {
+      return PIP_ASPECT_RATIO_MIN
+    }
+    return aspectRatio
+  }
+
+  private fun getContentViewRect(view: ViewGroup): Rect? {
+    for (i in 0 until view.childCount) {
+      val child: View = view.getChildAt(i)
+      if (child is ViewGroup) {
+        return getContentViewRect(child)
+      } else if (child as? SurfaceView != null || child as? TextureView != null) {
+        val visibleRect = Rect()
+        child.getGlobalVisibleRect(visibleRect)
+        return visibleRect
+      }
+    }
+    return null
+  }
+
+  @RequiresApi(Build.VERSION_CODES.O)
+  fun getPipParams(): PictureInPictureParams {
+    val view = viewCtx.playerView
+    val player = view.player
+    val visibleRect = getContentViewRect(view)
+    val isAd = player.ads.isPlaying
+    val isLive = player.duration.isInfinite()
+    val enablePlayPause = !isAd
+    val enableTrickPlay = !isAd && !isLive
+
+    return PictureInPictureParams.Builder()
+      .setSourceRectHint(visibleRect)
+      // Must be between 2.39:1 and 1:2.39 (inclusive)
+      .setAspectRatio(getSafeAspectRatio(view.player.videoWidth, view.player.videoHeight))
+      .setActions(
+        buildPipActions(player.isPaused, enablePlayPause, enableTrickPlay)
+      )
+      .build()
+  }
+
+  private fun updatePipParams() {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+      reactContext.currentActivity?.setPictureInPictureParams(getPipParams())
+    }
+  }
+
+  private fun buildBroadcastReceiver(): BroadcastReceiver {
+    return object : BroadcastReceiver() {
+      @RequiresApi(Build.VERSION_CODES.O)
+      override fun onReceive(context: Context?, intent: Intent?) {
+        intent?.getIntExtra(EXTRA_ACTION, -1)?.let { action ->
+          when (action) {
+            ACTION_PLAY -> player.play()
+            ACTION_PAUSE -> player.pause()
+            ACTION_FFD -> player.currentTime += SKIP_TIME
+            ACTION_RWD -> player.currentTime -= SKIP_TIME
+          }
+          reactContext.currentActivity?.setPictureInPictureParams(getPipParams())
+        }
+      }
+    }
+  }
+
+  @RequiresApi(Build.VERSION_CODES.O)
+  private fun buildRemoteAction(
+    requestId: Int,
+    iconId: Int,
+    titleId: Int,
+    descId: Int
+  ): RemoteAction {
+    val intent = Intent(ACTION_MEDIA_CONTROL).putExtra(EXTRA_ACTION, requestId)
+    val pendingIntent =
+      PendingIntent.getBroadcast(reactContext, requestId, intent, PendingIntent.FLAG_IMMUTABLE)
+    val icon: Icon = Icon.createWithResource(reactContext, iconId)
+    val title = reactContext.getString(titleId)
+    val desc = reactContext.getString(descId)
+    return RemoteAction(icon, title, desc, pendingIntent)
+  }
+}

package/android/src/main/java/com/theoplayer/presentation/PresentationManager.kt

@@ -1,19 +1,12 @@
 package com.theoplayer.presentation
 
 import android.app.AppOpsManager
-import android.app.PictureInPictureParams
 import android.content.BroadcastReceiver
 import android.content.Context
 import android.content.Intent
 import android.content.IntentFilter
 import android.content.pm.PackageManager
-import android.graphics.Rect
 import android.os.Build
-import android.util.Rational
-import android.view.SurfaceView
-import android.view.TextureView
-import android.view.View
-import android.view.ViewGroup
 import androidx.activity.ComponentActivity
 import androidx.core.view.WindowInsetsCompat
 import androidx.core.view.WindowInsetsControllerCompat
@@ -25,10 +18,6 @@ import com.theoplayer.android.api.error.ErrorCode
 import com.theoplayer.android.api.error.THEOplayerException
 import com.theoplayer.android.api.player.PresentationMode
 
-private val PIP_ASPECT_RATIO_DEFAULT = Rational(16, 9)
-private val PIP_ASPECT_RATIO_MIN = Rational(100, 239)
-private val PIP_ASPECT_RATIO_MAX = Rational(239, 100)
-
 class PresentationManager(
   private val viewCtx: ReactTHEOplayerContext,
   private val reactContext: ThemedReactContext,
@@ -38,6 +27,8 @@ class PresentationManager(
   private var onUserLeaveHintReceiver: BroadcastReceiver? = null
   private var onPictureInPictureModeChanged: BroadcastReceiver? = null
 
+  private val pipUtils: PipUtils = PipUtils(viewCtx, reactContext)
+
   var currentPresentationMode: PresentationMode = PresentationMode.INLINE
     private set
 
@@ -57,15 +48,9 @@ class PresentationManager(
         // Dispatch event on every PiP mode change
         val inPip = intent?.getBooleanExtra("isInPictureInPictureMode", false) ?: false
         if (inPip) {
-          updatePresentationMode(PresentationMode.PICTURE_IN_PICTURE)
+          onEnterPip()
         } else {
-          val pipCtx: PresentationModeChangePipContext = if ((reactContext.currentActivity as? ComponentActivity)
-            ?.lifecycle?.currentState == Lifecycle.State.CREATED) {
-            PresentationModeChangePipContext.CLOSED
-          } else {
-            PresentationModeChangePipContext.RESTORED
-          }
-          updatePresentationMode(PresentationMode.INLINE, PresentationModeChangeContext(pipCtx))
+          onExitPip()
         }
       }
     }
@@ -85,6 +70,7 @@ class PresentationManager(
     try {
       reactContext.currentActivity?.unregisterReceiver(onUserLeaveHintReceiver)
       reactContext.currentActivity?.unregisterReceiver(onPictureInPictureModeChanged)
+      pipUtils.destroy()
     } catch (ignore: Exception) {
     }
   }
@@ -104,20 +90,6 @@ class PresentationManager(
     }
   }
 
-  private fun getContentViewRect(view: ViewGroup): Rect? {
-    for (i in 0 until view.childCount) {
-      val child: View = view.getChildAt(i)
-      if (child is ViewGroup) {
-        return getContentViewRect(child)
-      } else if (child as? SurfaceView != null || child as? TextureView != null) {
-        val visibleRect = Rect()
-        child.getGlobalVisibleRect(visibleRect)
-        return visibleRect
-      }
-    }
-    return null
-  }
-
   private fun enterPip() {
     // PiP not supported
     if (!supportsPip || Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
@@ -141,33 +113,28 @@ class PresentationManager(
     }
 
     try {
-      val view = viewCtx.playerView
-      val visibleRect = getContentViewRect(view)
-      reactContext.currentActivity?.enterPictureInPictureMode(
-        PictureInPictureParams.Builder().setSourceRectHint(visibleRect)
-          // Must be between 2.39:1 and 1:2.39 (inclusive)
-          .setAspectRatio(getSafeAspectRatio(view.player.videoWidth, view.player.videoHeight))
-          // The active MediaSession will connect the controls
-          .build()
-      )
+      pipUtils.enable()
+      reactContext.currentActivity?.enterPictureInPictureMode(pipUtils.getPipParams())
     } catch (_: Exception) {
       onPipError()
     }
   }
 
-  private fun getSafeAspectRatio(width: Int, height: Int): Rational {
-    val aspectRatio = Rational(width, height)
-    if (aspectRatio.isNaN || aspectRatio.isInfinite || aspectRatio.isZero) {
-      // Default aspect ratio
-      return PIP_ASPECT_RATIO_DEFAULT
-    }
-    if (aspectRatio > PIP_ASPECT_RATIO_MAX) {
-      return PIP_ASPECT_RATIO_MAX
-    }
-    if (aspectRatio < PIP_ASPECT_RATIO_MIN) {
-      return PIP_ASPECT_RATIO_MIN
-    }
-    return aspectRatio
+  private fun onEnterPip() {
+    updatePresentationMode(PresentationMode.PICTURE_IN_PICTURE)
+  }
+
+  private fun onExitPip() {
+    val pipCtx: PresentationModeChangePipContext =
+      if ((reactContext.currentActivity as? ComponentActivity)
+          ?.lifecycle?.currentState == Lifecycle.State.CREATED
+      ) {
+        PresentationModeChangePipContext.CLOSED
+      } else {
+        PresentationModeChangePipContext.RESTORED
+      }
+    updatePresentationMode(PresentationMode.INLINE, PresentationModeChangeContext(pipCtx))
+    pipUtils.disable()
   }
 
   private fun hasPipPermission(): Boolean {

package/android/src/main/java/com/theoplayer/track/TrackListAdapter.kt

@@ -11,6 +11,7 @@ import com.theoplayer.android.api.player.track.mediatrack.quality.Quality
 import com.theoplayer.android.api.player.track.mediatrack.quality.AudioQuality
 import com.theoplayer.android.api.player.track.mediatrack.quality.VideoQuality
 import com.theoplayer.android.api.player.track.mediatrack.MediaTrackList
+import com.theoplayer.util.TypeUtils
 
 private const val PROP_ID = "id"
 private const val PROP_UID = "uid"
@@ -75,8 +76,8 @@ object TrackListAdapter {
     val cuePayload = Arguments.createMap()
     cuePayload.putString(PROP_ID, cue.id)
     cuePayload.putDouble(PROP_UID, cue.uid.toDouble())
-    cuePayload.putDouble(PROP_STARTTIME, (1e3 * cue.startTime).toLong().toDouble())
-    cuePayload.putDouble(PROP_ENDTIME, (1e3 * cue.endTime).toLong().toDouble())
+    cuePayload.putDouble(PROP_STARTTIME, TypeUtils.encodeInfNan(1e3 * cue.startTime))
+    cuePayload.putDouble(PROP_ENDTIME, TypeUtils.encodeInfNan(1e3 * cue.endTime))
     val content = cue.content
     if (content != null) {
       cuePayload.putString(

package/android/src/main/java/com/theoplayer/util/TypeUtils.kt

@@ -6,12 +6,12 @@ const val POS_INF_VALUE: Double = -2.0
 object TypeUtils {
   // Make sure we do not send INF or NaN double values over the bridge. It will break debug sessions.
   fun encodeInfNan(v: Double): Double {
-    return when (v) {
-      Double.NaN -> NAN_VALUE
-      Double.POSITIVE_INFINITY -> POS_INF_VALUE
-      else -> {
-        return v
-      }
+    if (v.isNaN()) {
+      return NAN_VALUE
     }
+    if (v.isInfinite()) {
+      return POS_INF_VALUE
+    }
+    return v
   }
 }

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

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M4,18l8.5,-6L4,6v12zM13,6v12l8.5,-6L13,6z"/>
+</vector>

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

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M11,18L11,6l-8.5,6 8.5,6zM11.5,12l8.5,6L20,6l-8.5,6z"/>
+</vector>

package/android/src/main/res/values/strings.xml

@@ -2,6 +2,14 @@
 <resources>
   <string name="pause">Pause</string>
   <string name="play">Play</string>
+  <string name="pause_pip">Pause</string>
+  <string name="pause_desc_pip">Pause video</string>
+  <string name="play_pip">Play</string>
+  <string name="play_desc_pip">Play video</string>
+  <string name="ffd_pip">Fast Forward</string>
+  <string name="ffd_desc_pip">Fast Forward video</string>
+  <string name="rwd_pip">Rewind</string>
+  <string name="rwd_desc_pip">Rewind video</string>
 
   <string name="background_playback_service_description">THEOplayer service providing background playback.</string>
   <string name="notification_channel_id">theoplayer_default_channel</string>

package/ios/THEOplayerRCTMainEventHandler.swift

@@ -3,7 +3,7 @@
 import Foundation
 import THEOplayerSDK
 
-class THEOplayerRCTMainEventHandler {
+public class THEOplayerRCTMainEventHandler {
     // MARK: Members
     private weak var player: THEOplayer?
     private weak var presentationModeContext: THEOplayerRCTPresentationModeContext?
@@ -22,7 +22,7 @@ class THEOplayerRCTMainEventHandler {
     var onNativeSeeking: RCTDirectEventBlock?
     var onNativeSeeked: RCTDirectEventBlock?
     var onNativeEnded: RCTDirectEventBlock?
-    var onNativeError: RCTDirectEventBlock?
+    public internal(set) var onNativeError: RCTDirectEventBlock?
     var onNativeLoadedData: RCTDirectEventBlock?
     var onNativeLoadedMetadata: RCTDirectEventBlock?
     var onNativeRateChange: RCTDirectEventBlock?
@@ -132,13 +132,14 @@ class THEOplayerRCTMainEventHandler {
         if DEBUG_EVENTHANDLER { print("[NATIVE] DurationChange listener attached to THEOplayer") }
         
         // VOLUME_CHANGE
-        self.volumeChangeListener = player.addEventListener(type: PlayerEventTypes.VOLUME_CHANGE) { [weak self] event in
+        self.volumeChangeListener = player.addEventListener(type: PlayerEventTypes.VOLUME_CHANGE) { [weak self, weak player] event in
             if DEBUG_THEOPLAYER_EVENTS { print("[NATIVE] Received VOLUME_CHANGE event from THEOplayer") }
-            if let forwardedVolumeChangeEvent = self?.onNativeVolumeChange {
+            if let wplayer = player,
+               let forwardedVolumeChangeEvent = self?.onNativeVolumeChange {
                 forwardedVolumeChangeEvent(
                     [
                         "volume": event.volume,
-                        "muted": player.muted
+                        "muted": wplayer.muted
                     ]
                 )
             }
@@ -146,11 +147,12 @@ class THEOplayerRCTMainEventHandler {
         if DEBUG_EVENTHANDLER { print("[NATIVE] VolumeChange listener attached to THEOplayer") }
         
         // PROGRESS
-        self.progressListener = player.addEventListener(type: PlayerEventTypes.PROGRESS) { [weak self] event in
+        self.progressListener = player.addEventListener(type: PlayerEventTypes.PROGRESS) { [weak self, weak player] event in
             //if DEBUG_THEOPLAYER_EVENTS { print("[NATIVE] Received PROGRESS event from THEOplayer") }
-            if let forwardedProgressEvent = self?.onNativeProgress {
-                player.requestSeekable(completionHandler: { seekableTimeRanges, error in
-                    player.requestBuffered(completionHandler: { bufferedTimeRanges, error in
+            if let wplayer = player,
+               let forwardedProgressEvent = self?.onNativeProgress {
+                wplayer.requestSeekable(completionHandler: { seekableTimeRanges, error in
+                    wplayer.requestBuffered(completionHandler: { bufferedTimeRanges, error in
                         var seekable: [[String:Double]] = []
                         seekableTimeRanges?.forEach({ timeRange in
                             seekable.append(
@@ -263,10 +265,11 @@ class THEOplayerRCTMainEventHandler {
         if DEBUG_EVENTHANDLER { print("[NATIVE] LoadedData listener attached to THEOplayer") }
         
         // LOADED_META_DATA
-        self.loadedMetadataListener = player.addEventListener(type: PlayerEventTypes.LOADED_META_DATA) { [weak self] event in
+        self.loadedMetadataListener = player.addEventListener(type: PlayerEventTypes.LOADED_META_DATA) { [weak self, weak player] event in
             if DEBUG_THEOPLAYER_EVENTS { print("[NATIVE] Received LOADED_META_DATA event from THEOplayer") }
-            if let forwardedLoadedMetadataEvent = self?.onNativeLoadedMetadata {
-                let metadata = THEOplayerRCTTrackMetadataAggregator.aggregateTrackMetadata(player: player)
+            if let wplayer = player,
+               let forwardedLoadedMetadataEvent = self?.onNativeLoadedMetadata {
+                let metadata = THEOplayerRCTTrackMetadataAggregator.aggregateTrackMetadata(player: wplayer)
                 print(metadata)
                 forwardedLoadedMetadataEvent(metadata)
             }

package/ios/THEOplayerRCTTrackMetadataAggregator.swift

@@ -95,8 +95,8 @@ class THEOplayerRCTTrackMetadataAggregator {
         var entry: [String:Any] = [:]
         entry[PROP_ID] = textTrackCue.id
         entry[PROP_UID] = textTrackCue.uid
-        entry[PROP_STARTTIME] = (textTrackCue.startTime ?? 0) * 1000
-        entry[PROP_ENDTIME] = (textTrackCue.endTime ?? 0) * 1000
+        entry[PROP_STARTTIME] = THEOplayerRCTTypeUtils.encodeInfNan((textTrackCue.startTime ?? 0) * 1000)
+        entry[PROP_ENDTIME] = THEOplayerRCTTypeUtils.encodeInfNan((textTrackCue.endTime ?? 0) * 1000)
         if let content = textTrackCue.content {
             entry[PROP_CUE_CONTENT] = content
         } else if let contentString = textTrackCue.contentString {

package/ios/THEOplayerRCTView.swift

@@ -7,7 +7,7 @@ import THEOplayerSDK
 public class THEOplayerRCTView: UIView {
     // MARK: Members
     public private(set) var player: THEOplayer?
-    var mainEventHandler: THEOplayerRCTMainEventHandler
+    public private(set) var mainEventHandler: THEOplayerRCTMainEventHandler
     var textTrackEventHandler: THEOplayerRCTTextTrackEventHandler
     var mediaTrackEventHandler: THEOplayerRCTMediaTrackEventHandler
     var adEventHandler: THEOplayerRCTAdsEventHandler
@@ -136,6 +136,8 @@ public class THEOplayerRCTView: UIView {
         self.remoteCommandsManager.destroy()
         self.pipControlsManager.destroy()
         
+        self.destroyBackgroundAudio()
+        self.player?.removeAllIntegrations()
         self.player?.destroy()
         self.player = nil
         if DEBUG_THEOPLAYER_INTERACTION { print("[NATIVE] THEOplayer instance destroyed.") }

package/ios/backgroundAudio/THEOplayerRCTNowPlayingManager.swift

@@ -155,9 +155,10 @@ class THEOplayerRCTNowPlayingManager {
         }
         
         // DURATION_CHANGE
-        self.durationChangeListener = player.addEventListener(type: PlayerEventTypes.DURATION_CHANGE) { [weak self] event in
+        self.durationChangeListener = player.addEventListener(type: PlayerEventTypes.DURATION_CHANGE) { [weak self, weak player] event in
             if let welf = self,
-               let duration = player.duration {
+               let wplayer = player,
+               let duration = wplayer.duration {
                 welf.nowPlayingInfo[MPNowPlayingInfoPropertyIsLiveStream] = duration.isInfinite
                 if (!duration.isInfinite) {
                     welf.nowPlayingInfo[MPMediaItemPropertyPlaybackDuration] = duration
@@ -191,9 +192,10 @@ class THEOplayerRCTNowPlayingManager {
                                           
         
         // RATE_CHANGE
-        self.rateChangeListener = player.addEventListener(type: PlayerEventTypes.RATE_CHANGE) { [weak self] event in
-            if let welf = self {
-                welf.nowPlayingInfo[MPNowPlayingInfoPropertyPlaybackRate] = NSNumber(value: player.playbackRate)
+        self.rateChangeListener = player.addEventListener(type: PlayerEventTypes.RATE_CHANGE) { [weak self, weak player] event in
+            if let welf = self,
+               let wplayer = player {
+                welf.nowPlayingInfo[MPNowPlayingInfoPropertyPlaybackRate] = NSNumber(value: wplayer.playbackRate)
                 MPNowPlayingInfoCenter.default().nowPlayingInfo = welf.nowPlayingInfo
                 if DEBUG_NOWINFO { print("[NATIVE] RATE_CHANGE: PlaybackRate updated on NowPlayingInfoCenter.") }
             }

package/ios/backgroundAudio/THEOplayerRCTView+BackgroundAudioConfig.swift

@@ -11,6 +11,7 @@ struct BackgroundAudioConfig {
 
 extension THEOplayerRCTView {
     func initBackgroundAudio() {}
+    func destroyBackgroundAudio() {}
     public func shouldContinueAudioPlaybackInBackground() -> Bool { return false }
 }
 
@@ -22,6 +23,13 @@ extension THEOplayerRCTView: BackgroundPlaybackDelegate {
         self.player?.backgroundPlaybackDelegate = self
     }
     
+    func destroyBackgroundAudio() {
+        guard let player = self.player else {
+            return
+        }
+        player.backgroundPlaybackDelegate = DefaultBackgroundPlaybackDelegate()
+    }
+    
     public func shouldContinueAudioPlaybackInBackground() -> Bool {
         // Make sure to go to the background with updated NowPlayingInfo
         self.nowPlayingManager.updateNowPlaying()
@@ -30,4 +38,8 @@ extension THEOplayerRCTView: BackgroundPlaybackDelegate {
     }
 }
 
+struct DefaultBackgroundPlaybackDelegate: BackgroundPlaybackDelegate {
+    func shouldContinueAudioPlaybackInBackground() -> Bool { false }
+}
+
 #endif