react-native-theoplayer 7.3.0 → 7.5.0

package/CHANGELOG.md

@@ -5,6 +5,21 @@ 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.1.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [7.5.0] - 24-06-18
+
+### Fixed
+
+- Fixed an issue where the Cast API wouldn't be initialized yet when in the `onPlayerReady` callback.
+- Added support for THEOplayer Android v7.6.0.
+
+## [7.4.0] - 24-06-11
+
+### Added
+
+- Added support for `SourceDescription.poster` for Android & iOS.
+- Made the intervals for the forward and backward skip buttons on the iOS lockScreen configurable.
+- Added preferredPeakBitRate and preferredMaximumResolution to ABRConfiguration for iOS
+
 ## [7.3.0] - 24-06-03
 
 ### Changed

package/README.md

@@ -131,18 +131,18 @@ please reach out to us for support.
 The `react-native-theoplayer` package can be combined with any number of connectors to provide extra
 functionality. Currently, the following connectors are available:
 
-| Package name                                                                                                              | Purpose                                                  | Registry                                                                                                                                                      |
-| ------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [`@theoplayer/react-native-analytics-adobe`](https://github.com/THEOplayer/react-native-theoplayer-analytics)             | Adobe analytics connector                                | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-adobe)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-adobe)       |
-| [`@theoplayer/react-native-analytics-agama`](https://github.com/THEOplayer/react-native-theoplayer-analytics)             | Agama analytics connector                                | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-agama)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-agama)       |
-| [`@theoplayer/react-native-analytics-comscore`](https://github.com/THEOplayer/react-native-theoplayer-analytics)          | Comscore analytics connector                             | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-comscore)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-comscore) |
-| [`@theoplayer/react-native-analytics-conviva`](https://github.com/THEOplayer/react-native-theoplayer-analytics)           | Conviva analytics connector                              | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-conviva)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-conviva)   |
-| [`@theoplayer/react-native-analytics-mux`](https://github.com/THEOplayer/react-native-theoplayer-analytics)               | Mux analytics connector                                  | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-mux)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-mux)           |
-| [`@theoplayer/react-native-analytics-nielsen`](https://github.com/THEOplayer/react-native-theoplayer-analytics)           | Nielsen analytics connector                              | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-nielsen)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-nielsen)   |
-| [`@theoplayer/react-native-analytics-youbora`](https://github.com/THEOplayer/react-native-theoplayer-analytics)           | Youbora analytics connector                              | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-youbora)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-youbora)   |
-| [`@theoplayer/react-native-drm`](https://github.com/THEOplayer/react-native-theoplayer-drm)                               | Content protection (DRM) connectors                      | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-drm)](https://www.npmjs.com/package/@theoplayer/react-native-drm)                               |
-| [`@theoplayer/react-native-ui`](https://github.com/THEOplayer/react-native-theoplayer-ui)                                 | React Native user interface                              | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-ui)](https://www.npmjs.com/package/@theoplayer/react-native-ui)                                 |
-| [`@theoplayer/react-native-connector-template`](https://github.com/THEOplayer/react-native-theoplayer-connector-template) | A template for<br/>`react-native-theoplayer` connectors. | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-connector-template)](https://www.npmjs.com/package/@theoplayer/react-native-connector-template) |
+| Connector                                                | npm package                                                                                                                                                                                                                                                         | Source                                                                                           |
+|----------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------|
+| Adobe analytics, implementing the Media Collections API  | [![%40theoplayer/react-native-analytics-adobe](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-analytics-adobe?label=%40theoplayer/react-native-analytics-adobe)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-analytics-adobe)             | [`Adobe`](https://github.com/THEOplayer/react-native-connectors/tree/main/adobe)                 |
+| Agama analytics                                          | [![%40theoplayer/react-native-analytics-agama](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-analytics-agama?label=%40theoplayer/react-native-analytics-agama)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-analytics-agama)             | [`Agama`](https://github.com/THEOplayer/react-native-connectors/tree/main/agama)                 |
+| Comscore analytics                                       | [![%40theoplayer/react-native-analytics-comscore](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-analytics-comscore?label=%40theoplayer/react-native-analytics-comscore)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-analytics-comscore) | [`Comscore`](https://github.com/THEOplayer/react-native-connectors/tree/main/comscore)           |
+| Conviva analytics                                        | [![%40theoplayer/react-native-analytics-conviva](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-analytics-conviva?label=%40theoplayer/react-native-analytics-conviva)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-analytics-conviva)     | [`Conviva`](https://github.com/THEOplayer/react-native-connectors/tree/main/conviva)             |
+| Mux analytics                                            | [![%40theoplayer/react-native-analytics-mux](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-analytics-mux?label=%40theoplayer/react-native-analytics-mux)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-analytics-mux)                     | [`Mux`](https://github.com/THEOplayer/react-native-connectors/tree/main/mux)                     |
+| Nielsen analytics                                        | [![%40theoplayer/react-native-analytics-nielsen](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-analytics-nielsen?label=%40theoplayer/react-native-analytics-nielsen)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-analytics-nielsen)     | [`Nielsen`](https://github.com/THEOplayer/react-native-connectors/tree/main/nielsen)             |
+| Youbora analytics                                        | [![%40theoplayer/react-native-analytics-youbora](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-analytics-youbora?label=%40theoplayer/react-native-analytics-youbora)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-analytics-youbora)     | [`Youbora`](https://github.com/THEOplayer/react-native-connectors/tree/main/youbora)             |
+| Content protection (DRM)                                 | [![%40theoplayer/react-native-drm](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-drm?label=%40theoplayer/react-native-drm)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-drm)                                                             | [`DRM`](https://github.com/THEOplayer/react-native-theoplayer-drm)                               |
+| React Native Open UI                                     | [![%40theoplayer/react-native-ui](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-ui?label=%40theoplayer/react-native-ui)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-ui)                                                                 | [`Open UI`](https://github.com/THEOplayer/react-native-theoplayer-ui)                            |
+| A template for<br/>`react-native-theoplayer` connectors. | [![%40theoplayer/react-native-connector-template](https://img.shields.io/npm/v/%40theoplayer%2Freact-native-connector-template?label=%40theoplayer/react-native-connector-template)](https://www.npmjs.com/package/%40theoplayer%2Freact-native-connector-template) | [`Connector template`](https://github.com/THEOplayer/react-native-theoplayer-connector-template) |
 
 ## Creating your first app
 

package/android/build.gradle

@@ -112,13 +112,14 @@ dependencies {
   implementation "androidx.appcompat:appcompat:${safeExtGet('appcompatVersion', '1.6.1')}"
   implementation "androidx.core:core-ktx:${safeExtGet('corektxVersion', '1.10.1')}"
 
-  // The minimum supported THEOplayer version is 7.0.0
-  def theoplayer_sdk_version = safeExtGet('THEOplayer_sdk', '[7.0.0, 8.0.0)')
+  // The minimum supported THEOplayer version is 7.6.0
+  def theoplayer_sdk_version = safeExtGet('THEOplayer_sdk', '[7.6.0, 8.0.0)')
+  def theoplayer_mediasession_version = safeExtGet('THEOplayer_mediasession', '[7.5.0, 8.0.0)')
 
   println("Using THEOplayer (${versionString(theoplayer_sdk_version)})")
   implementation "com.theoplayer.theoplayer-sdk-android:core:${theoplayer_sdk_version}"
-  implementation "com.theoplayer.theoplayer-sdk-android:ads-wrapper:7.0.0"
-  implementation "com.theoplayer.android-connector:mediasession:${theoplayer_sdk_version}"
+  implementation "com.theoplayer.theoplayer-sdk-android:ads-wrapper:7.6.0"
+  implementation "com.theoplayer.android-connector:mediasession:${theoplayer_mediasession_version}"
 
   if (enabledGoogleIMA) {
     println('Enable THEOplayer IMA extension.')

package/android/local/com/theoplayer/theoplayer-sdk-android/ads-wrapper/{7.0.0/ads-wrapper-7.0.0.pom → 7.6.0/ads-wrapper-7.6.0.pom}

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
-  <modelVersion>7.0.0</modelVersion>
+  <modelVersion>7.6.0</modelVersion>
   <groupId>com.theoplayer.theoplayer-sdk-android</groupId>
   <artifactId>ads-wrapper</artifactId>
-  <version>7.0.0</version>
+  <version>7.6.0</version>
   <packaging>aar</packaging>
 </project>

package/android/local/com/theoplayer/theoplayer-sdk-android/ads-wrapper/maven-metadata-local.xml

@@ -3,11 +3,11 @@
   <groupId>com.theoplayer.theoplayer-sdk-android</groupId>
   <artifactId>ads-wrapper</artifactId>
   <versioning>
-    <latest>7.0.0</latest>
-    <release>7.0.0</release>
+    <latest>7.6.0</latest>
+    <release>7.6.0</release>
     <versions>
-      <version>7.0.0</version>
+      <version>7.6.0</version>
     </versions>
-    <lastUpdated>20240425153844</lastUpdated>
+    <lastUpdated>20240618230000</lastUpdated>
   </versioning>
 </metadata>

package/android/src/main/java/com/theoplayer/ads/AdAdapter.kt

@@ -16,6 +16,7 @@ import java.lang.Exception
 
 private const val PROP_AD_SYSTEM = "adSystem"
 private const val PROP_AD_INTEGRATION = "integration"
+private const val PROP_AD_CUSTOM_INTEGRATION = "customIntegration"
 private const val PROP_AD_TYPE = "type"
 private const val PROP_AD_ID = "id"
 private const val PROP_AD_BREAK = "adBreak"
@@ -208,6 +209,10 @@ object AdAdapter {
         return AdIntegrationKind.from(ad.getString(PROP_AD_INTEGRATION))
       }
 
+      override fun getCustomIntegration(): String? {
+        return ad.getString(PROP_AD_CUSTOM_INTEGRATION)
+      }
+
       override fun getImaAd(): com.google.ads.interactivemedia.v3.api.Ad {
         return parseImaAd(ad)
       }
@@ -279,6 +284,10 @@ object AdAdapter {
       override fun getIntegration(): AdIntegrationKind {
         return AdIntegrationKind.from(adBreak.getString(PROP_ADBREAK_INTEGRATION))
       }
+
+      override fun getCustomIntegration(): String? {
+        return adBreak.getString(PROP_AD_CUSTOM_INTEGRATION)
+      }
     }
   }
 

package/android/src/main/java/com/theoplayer/source/GoogleDaiSourceAdapter.kt

@@ -0,0 +1,34 @@
+package com.theoplayer.source
+
+import com.google.gson.Gson
+import com.theoplayer.BuildConfig
+import com.theoplayer.android.api.error.ErrorCode
+import com.theoplayer.android.api.error.THEOplayerException
+import com.theoplayer.android.api.source.GoogleDaiTypedSource
+import com.theoplayer.android.api.source.TypedSource
+import com.theoplayer.android.api.source.ssai.dai.GoogleDaiLiveConfiguration
+import com.theoplayer.android.api.source.ssai.dai.GoogleDaiVodConfiguration
+import org.json.JSONObject
+
+private const val PROP_AVAILABILITY_TYPE = "availabilityType"
+private const val AVAILABILITY_TYPE_VOD = "vod"
+private const val ERROR_DAI_NOT_ENABLED = "Google DAI support not enabled."
+
+@Throws(THEOplayerException::class)
+fun googleDaiBuilderFromJson(builder: TypedSource.Builder, json: JSONObject): TypedSource.Builder {
+  // Check whether the integration was enabled
+  if (!BuildConfig.EXTENSION_GOOGLE_DAI) {
+    throw THEOplayerException(ErrorCode.AD_ERROR, ERROR_DAI_NOT_ENABLED)
+  }
+  // We need to create a new builder as the player SDK checks for:
+  // typedSource is GoogleDaiTypedSource
+  return if (json.optString(PROP_AVAILABILITY_TYPE) == AVAILABILITY_TYPE_VOD) {
+    GoogleDaiTypedSource.Builder(
+      Gson().fromJson(json.toString(), GoogleDaiVodConfiguration::class.java)
+    )
+  } else {
+    GoogleDaiTypedSource.Builder(
+      Gson().fromJson(json.toString(), GoogleDaiLiveConfiguration::class.java)
+    )
+  }
+}

package/android/src/main/java/com/theoplayer/source/SSAIAdapterRegistry.kt

@@ -0,0 +1,51 @@
+package com.theoplayer.source
+
+import android.text.TextUtils
+import com.theoplayer.android.api.error.ErrorCode
+import com.theoplayer.android.api.error.THEOplayerException
+import com.theoplayer.android.api.source.SourceType
+import com.theoplayer.android.api.source.TypedSource
+import org.json.JSONObject
+
+typealias CustomSSAIAdapter = (json: JSONObject, currentBuilder: TypedSource.Builder) -> TypedSource.Builder
+
+private const val ERROR_UNSUPPORTED_SSAI_INTEGRATION = "Unsupported SSAI integration"
+private const val ERROR_MISSING_SSAI_INTEGRATION = "Missing SSAI integration"
+private const val PROP_INTEGRATION = "integration"
+
+object SSAIAdapterRegistry {
+  private val _adapters: MutableMap<String, CustomSSAIAdapter> = HashMap()
+
+  fun register(integration: String, adapter: CustomSSAIAdapter) {
+    _adapters[integration] = adapter
+  }
+
+  fun hasIntegration(integration: String): Boolean {
+    return _adapters[integration] != null
+  }
+
+  fun typedSourceBuilderFromJson(json: JSONObject, currentBuilder: TypedSource.Builder, sourceType: SourceType?): TypedSource.Builder {
+    // Check for valid SsaiIntegration
+    val ssaiIntegrationStr = json.optString(PROP_INTEGRATION)
+
+    // Check for valid `integration` property, which is mandatory.
+    if (TextUtils.isEmpty(ssaiIntegrationStr)) {
+      throw THEOplayerException(ErrorCode.AD_ERROR, ERROR_MISSING_SSAI_INTEGRATION)
+    }
+
+    // Check for known SsaiIntegration
+    if (!hasIntegration(ssaiIntegrationStr)) {
+      throw THEOplayerException(
+        ErrorCode.AD_ERROR,
+        "$ERROR_UNSUPPORTED_SSAI_INTEGRATION: $ssaiIntegrationStr"
+      )
+    }
+
+    // Prefer DASH if SSAI type not specified
+    if (sourceType == null) {
+      currentBuilder.type(SourceType.DASH)
+    }
+
+    return _adapters[ssaiIntegrationStr]?.invoke(json, currentBuilder) ?: currentBuilder
+  }
+}

package/android/src/main/java/com/theoplayer/source/SourceAdapter.kt

@@ -2,11 +2,9 @@ package com.theoplayer.source
 
 import android.text.TextUtils
 import android.util.Log
-import com.facebook.react.bridge.Arguments
 import com.google.gson.Gson
 import com.theoplayer.android.api.error.THEOplayerException
 import com.facebook.react.bridge.ReadableMap
-import com.facebook.react.bridge.WritableArray
 import com.facebook.react.bridge.WritableMap
 import com.theoplayer.android.api.source.SourceDescription
 import com.theoplayer.android.api.source.TypedSource
@@ -14,10 +12,6 @@ import com.theoplayer.android.api.source.metadata.MetadataDescription
 import com.theoplayer.android.api.source.addescription.AdDescription
 import com.theoplayer.android.api.source.TextTrackDescription
 import com.theoplayer.android.api.source.SourceType
-import com.theoplayer.android.api.source.ssai.SsaiIntegration
-import com.theoplayer.android.api.source.GoogleDaiTypedSource
-import com.theoplayer.android.api.source.ssai.dai.GoogleDaiVodConfiguration
-import com.theoplayer.android.api.source.ssai.dai.GoogleDaiLiveConfiguration
 import com.theoplayer.android.api.source.hls.HlsPlaybackConfiguration
 import com.theoplayer.android.api.event.ads.AdIntegrationKind
 import com.theoplayer.android.api.source.addescription.GoogleImaAdDescription
@@ -55,19 +49,26 @@ private const val PROP_INTEGRATION = "integration"
 private const val PROP_TEXT_TRACKS = "textTracks"
 private const val PROP_POSTER = "poster"
 private const val PROP_ADS = "ads"
-private const val PROP_AVAILABILITY_TYPE = "availabilityType"
 private const val PROP_DASH = "dash"
 private const val PROP_DASH_IGNORE_AVAILABILITYWINDOW = "ignoreAvailabilityWindow"
-private const val ERROR_DAI_NOT_ENABLED = "Google DAI support not enabled."
-private const val ERROR_UNSUPPORTED_SSAI_INTEGRATION = "Unsupported SSAI integration"
-private const val ERROR_MISSING_SSAI_INTEGRATION = "Missing SSAI integration"
 private const val ERROR_IMA_NOT_ENABLED = "Google IMA support not enabled."
 private const val ERROR_UNSUPPORTED_CSAI_INTEGRATION = "Unsupported CSAI integration"
 private const val ERROR_MISSING_CSAI_INTEGRATION = "Missing CSAI integration"
 
+private const val PROP_SSAI_INTEGRATION_GOOGLE_DAI = "google-dai"
+
 class SourceAdapter {
   private val gson = Gson()
 
+  companion object {
+    init {
+      // Register default SSAI adapter for Google DAI.
+      SSAIAdapterRegistry.register(PROP_SSAI_INTEGRATION_GOOGLE_DAI) { json, currentBuilder ->
+        googleDaiBuilderFromJson(currentBuilder, json)
+      }
+    }
+  }
+
   @Throws(THEOplayerException::class)
   fun parseSourceFromJS(source: ReadableMap?): SourceDescription? {
     if (source == null) {
@@ -83,17 +84,11 @@ class SourceAdapter {
       val jsonSources = jsonSourceObject.optJSONArray(PROP_SOURCES)
       if (jsonSources != null) {
         for (i in 0 until jsonSources.length()) {
-          val typedSource = parseTypedSource(jsonSources[i] as JSONObject)
-          if (typedSource != null) {
-            typedSources.add(typedSource)
-          }
+          typedSources.add(parseTypedSource(jsonSources[i] as JSONObject))
         }
       } else {
         val jsonSource = jsonSourceObject.optJSONObject(PROP_SOURCES) ?: return null
-        val typedSource = parseTypedSource(jsonSource)
-        if (typedSource != null) {
-          typedSources.add(typedSource)
-        }
+        typedSources.add(parseTypedSource(jsonSource))
       }
 
       // poster
@@ -142,48 +137,13 @@ class SourceAdapter {
   }
 
   @Throws(THEOplayerException::class)
-  private fun parseTypedSource(jsonTypedSource: JSONObject): TypedSource? {
+  private fun parseTypedSource(jsonTypedSource: JSONObject): TypedSource {
     try {
       var tsBuilder = TypedSource.Builder(jsonTypedSource.optString(PROP_SRC))
       val sourceType = parseSourceType(jsonTypedSource)
       if (jsonTypedSource.has(PROP_SSAI)) {
         val ssaiJson = jsonTypedSource.getJSONObject(PROP_SSAI)
-
-        // Check for valid SsaiIntegration
-        val ssaiIntegrationStr = ssaiJson.optString(PROP_INTEGRATION)
-        if (!TextUtils.isEmpty(ssaiIntegrationStr)) {
-          val ssaiIntegration = SsaiIntegration.from(ssaiIntegrationStr)
-            ?: throw THEOplayerException(
-              ErrorCode.AD_ERROR,
-              "$ERROR_UNSUPPORTED_SSAI_INTEGRATION: $ssaiIntegrationStr"
-            )
-          when (ssaiIntegration) {
-            SsaiIntegration.GOOGLE_DAI -> {
-              if (!BuildConfig.EXTENSION_GOOGLE_DAI) {
-                throw THEOplayerException(ErrorCode.AD_ERROR, ERROR_DAI_NOT_ENABLED)
-              }
-              tsBuilder = if (ssaiJson.optString(PROP_AVAILABILITY_TYPE) == "vod") {
-                GoogleDaiTypedSource.Builder(
-                  gson.fromJson(ssaiJson.toString(), GoogleDaiVodConfiguration::class.java)
-                )
-              } else {
-                GoogleDaiTypedSource.Builder(
-                  gson.fromJson(ssaiJson.toString(), GoogleDaiLiveConfiguration::class.java)
-                )
-              }
-              // Prefer DASH if not SSAI type specified
-              if (sourceType == null) {
-                tsBuilder.type(SourceType.DASH)
-              }
-            }
-            else -> throw THEOplayerException(
-              ErrorCode.AD_ERROR,
-              "$ERROR_UNSUPPORTED_SSAI_INTEGRATION: $ssaiIntegrationStr"
-            )
-          }
-        } else {
-          throw THEOplayerException(ErrorCode.AD_ERROR, ERROR_MISSING_SSAI_INTEGRATION)
-        }
+        tsBuilder = SSAIAdapterRegistry.typedSourceBuilderFromJson(ssaiJson, tsBuilder, sourceType)
       }
       if (sourceType != null) {
         tsBuilder.type(sourceType)
@@ -216,10 +176,13 @@ class SourceAdapter {
         }
       }
       return tsBuilder.build()
-    } catch (e: JSONException) {
-      e.printStackTrace()
+    } catch (e: THEOplayerException) {
+      // Rethrow THEOplayerException
+      throw e
+    } catch (e: Exception) {
+      // Wrap exception
+      throw THEOplayerException(ErrorCode.SOURCE_INVALID, "Invalid source: ${e.message}")
     }
-    return null
   }
 
   @Throws(THEOplayerException::class)
@@ -281,12 +244,14 @@ class SourceAdapter {
         AdIntegrationKind.GOOGLE_IMA -> parseImaAdFromJS(
           jsonAdDescription
         )
+
         AdIntegrationKind.DEFAULT -> {
           throw THEOplayerException(
             ErrorCode.AD_ERROR,
             "$ERROR_UNSUPPORTED_CSAI_INTEGRATION: $integrationKindStr"
           )
         }
+
         else -> {
           throw THEOplayerException(
             ErrorCode.AD_ERROR,

package/ios/THEOplayerRCTPlayerAPI.swift

@@ -10,7 +10,6 @@ import THEOplayerSDK
 import THEOplayerConnectorSideloadedSubtitle
 #endif
 
-let ERROR_MESSAGE_PLAYER_ABR_UNSUPPORTED_FEATURE: String = "Setting an ABRconfig is not supported on iOS/tvOS."
 let ERROR_MESSAGE_PLAYER_QUALITY_UNSUPPORTED_FEATURE: String = "Setting a target video quality is not supported on iOS/tvOS."
 
 let TTS_PROP_BACKGROUND_COLOR = "backgroundColor"
@@ -92,8 +91,34 @@ class THEOplayerRCTPlayerAPI: NSObject, RCTBridgeModule {
     }
 
     @objc(setABRConfig:abrConfig:)
-    func setABRConfig(_ node: NSNumber, setABRConfig: NSDictionary) -> Void {
-        if DEBUG_PLAYER_API { print(ERROR_MESSAGE_PLAYER_ABR_UNSUPPORTED_FEATURE) }
+    func setABRConfig(_ node: NSNumber, abrConfig: NSDictionary) -> Void {
+        DispatchQueue.main.async {
+            if let theView = self.bridge.uiManager.view(forReactTag: node) as? THEOplayerRCTView,
+               let player = theView.player {
+                if DEBUG_PLAYER_API { PrintUtils.printLog(logText: "[NATIVE] Setting abrConfig on TheoPlayer") }
+                if let configuredTargetBuffer = abrConfig["targetBuffer"] as? Double {
+                    player.abr.targetBuffer = configuredTargetBuffer
+                } else if let configuredTargetBuffer = abrConfig["targetBuffer"] as? Int {
+                    player.abr.targetBuffer = Double(configuredTargetBuffer)
+                }
+                if let configuredPreferredPeakBitRate = abrConfig["preferredPeakBitRate"] as? Double {
+                    player.abr.preferredPeakBitRate = configuredPreferredPeakBitRate
+                } else if let configuredPreferredPeakBitRate = abrConfig["preferredPeakBitRate"] as? Int {
+                    player.abr.preferredPeakBitRate = Double(configuredPreferredPeakBitRate)
+                }
+                if let configuredPreferredMaximumResolution = abrConfig["preferredMaximumResolution"] as? [String:Double] {
+                    if let width = configuredPreferredMaximumResolution["width"],
+                       let height = configuredPreferredMaximumResolution["height"] {
+                        player.abr.preferredMaximumResolution = CGSize(width: width, height: height)
+                    }
+                } else if let configuredPreferredMaximumResolution = abrConfig["preferredMaximumResolution"] as? [String:Int] {
+                    if let width = configuredPreferredMaximumResolution["width"],
+                       let height = configuredPreferredMaximumResolution["height"] {
+                        player.abr.preferredMaximumResolution = CGSize(width: Double(width), height: Double(height))
+                    }
+                }
+            }
+        }
     }
 
     @objc(setCurrentTime:time:)

package/ios/THEOplayerRCTView.swift

@@ -18,10 +18,16 @@ public class THEOplayerRCTView: UIView {
     var nowPlayingManager: THEOplayerRCTNowPlayingManager
     var remoteCommandsManager: THEOplayerRCTRemoteCommandsManager
     var pipControlsManager: THEOplayerRCTPipControlsManager
+    
     var adsConfig = AdsConfig()
     var castConfig = CastConfig()
     var uiConfig = UIConfig()
     
+    var mediaControlConfig = MediaControlConfig() {
+        didSet {
+            self.remoteCommandsManager.setMediaControlConfig(mediaControlConfig)
+        }
+    }
     var pipConfig = PipConfig() {
         didSet {
             self.pipControlsManager.setPipConfig(pipConfig)
@@ -161,6 +167,7 @@ public class THEOplayerRCTView: UIView {
         self.parseAdsConfig(configDict: configDict)
         self.parseCastConfig(configDict: configDict)
         self.parseUIConfig(configDict: configDict)
+        self.parseMediaControlConfig(configDict: configDict)
         if DEBUG_VIEW { PrintUtils.printLog(logText: "[NATIVE] config prop updated.") }
         
         // Given the bridged config, create the initial THEOplayer instance

package/ios/backgroundAudio/THEOplayerRCTRemoteCommandsManager.swift

@@ -4,14 +4,13 @@ import Foundation
 import THEOplayerSDK
 import MediaPlayer
 
-let DEFAULT_SKIP_INTERVAL: UInt = 15
-
 class THEOplayerRCTRemoteCommandsManager: NSObject {
     // MARK: Members
     private weak var player: THEOplayer?
     private var isLive: Bool = false
     private var inAd: Bool = false
     private var backgroundaudioConfig = BackgroundAudioConfig()
+    private var mediaControlConfig = MediaControlConfig()
     
     // MARK: player Listeners
     private var durationChangeListener: EventListener?
@@ -39,6 +38,11 @@ class THEOplayerRCTRemoteCommandsManager: NSObject {
         self.updateRemoteCommands()
     }
     
+    func setMediaControlConfig(_ newMediaControlConfig: MediaControlConfig) {
+        self.mediaControlConfig = newMediaControlConfig
+        self.updateRemoteCommands()
+    }
+    
     private func initRemoteCommands() {
         self.isLive = false
         self.inAd = false
@@ -61,10 +65,10 @@ class THEOplayerRCTRemoteCommandsManager: NSObject {
         // SCRUBBER
         commandCenter.changePlaybackPositionCommand.addTarget(self, action: #selector(onScrubCommand(_:)))
         // ADD SEEK FORWARD
-        commandCenter.skipForwardCommand.preferredIntervals = [NSNumber(value: DEFAULT_SKIP_INTERVAL)]
+        commandCenter.skipForwardCommand.preferredIntervals = [NSNumber(value: self.mediaControlConfig.skipForwardInterval)]
         commandCenter.skipForwardCommand.addTarget(self, action: #selector(onSkipForwardCommand(_:)))
         // ADD SEEK BACKWARD
-        commandCenter.skipBackwardCommand.preferredIntervals = [NSNumber(value: DEFAULT_SKIP_INTERVAL)]
+        commandCenter.skipBackwardCommand.preferredIntervals = [NSNumber(value: self.mediaControlConfig.skipBackwardInterval)]
         commandCenter.skipBackwardCommand.addTarget(self, action: #selector(onSkipBackwardCommand(_:)))
         
         if DEBUG_REMOTECOMMANDS { PrintUtils.printLog(logText: "[NATIVE] Remote commands initialised.") }
@@ -82,6 +86,10 @@ class THEOplayerRCTRemoteCommandsManager: NSObject {
         commandCenter.skipForwardCommand.isEnabled = !self.isLive && !self.inAd && self.backgroundaudioConfig.enabled
         commandCenter.skipBackwardCommand.isEnabled = !self.isLive && !self.inAd && self.backgroundaudioConfig.enabled
         
+        // set configured skip forward/backward intervals
+        commandCenter.skipForwardCommand.preferredIntervals = [NSNumber(value: self.mediaControlConfig.skipForwardInterval)]
+        commandCenter.skipBackwardCommand.preferredIntervals = [NSNumber(value: self.mediaControlConfig.skipBackwardInterval)]
+        
         if DEBUG_REMOTECOMMANDS { PrintUtils.printLog(logText: "[NATIVE] Remote commands updated for \(self.isLive ? "LIVE" : "VOD") (\(self.inAd ? "AD IS PLAYING" : "NO AD PLAYING"), \(self.backgroundaudioConfig.enabled ? "BGAUDIO ENABLED" : "BGAUDIO DISABLED") ).") }
     }
     

package/ios/backgroundAudio/THEOplayerRCTView+MediaControlConfig.swift

@@ -0,0 +1,23 @@
+// THEOplayerRCTView+UIConfig.swift
+
+import Foundation
+import THEOplayerSDK
+
+struct MediaControlConfig {
+    var skipForwardInterval: Int = 15
+    var skipBackwardInterval: Int = 15
+}
+
+extension THEOplayerRCTView {
+    
+    func parseMediaControlConfig(configDict: NSDictionary) {
+        if let mediaControlConfig = configDict["mediaControl"] as? NSDictionary {
+            if let skipForwardInterval = mediaControlConfig["skipForwardInterval"] as? Int {
+                self.mediaControlConfig.skipForwardInterval = skipForwardInterval
+            }
+            if let skipBackwardInterval = mediaControlConfig["skipBackwardInterval"] as? Int {
+                self.mediaControlConfig.skipBackwardInterval = skipBackwardInterval
+            }
+        }
+    }
+}

package/lib/commonjs/api/abr/ABRConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"names":["ABRStrategyType","exports"],"sourceRoot":"../../../../src","sources":["api/abr/ABRConfiguration.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAQYA,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAM3B;AACA;AACA;AACA;AACA;AAUA;AACA;AACA;AACA;AACA;AAeA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["ABRStrategyType","exports"],"sourceRoot":"../../../../src","sources":["api/abr/ABRConfiguration.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAQYA,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAM3B;AACA;AACA;AACA;AACA;AAUA;AACA;AACA;AACA;AACA;AAeA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/commonjs/api/barrel.js

@@ -157,7 +157,7 @@ Object.keys(_barrel14).forEach(function (key) {
     }
   });
 });
-var _barrel15 = require("./track/barrel");
+var _barrel15 = require("./resolution/barrel");
 Object.keys(_barrel15).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _barrel15[key]) return;
@@ -168,7 +168,7 @@ Object.keys(_barrel15).forEach(function (key) {
     }
   });
 });
-var _barrel16 = require("./ui/barrel");
+var _barrel16 = require("./track/barrel");
 Object.keys(_barrel16).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _barrel16[key]) return;
@@ -179,7 +179,7 @@ Object.keys(_barrel16).forEach(function (key) {
     }
   });
 });
-var _barrel17 = require("./utils/barrel");
+var _barrel17 = require("./ui/barrel");
 Object.keys(_barrel17).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _barrel17[key]) return;
@@ -190,6 +190,17 @@ Object.keys(_barrel17).forEach(function (key) {
     }
   });
 });
+var _barrel18 = require("./utils/barrel");
+Object.keys(_barrel18).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel18[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel18[key];
+    }
+  });
+});
 var _THEOplayerView = require("./THEOplayerView");
 Object.keys(_THEOplayerView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -201,25 +212,25 @@ Object.keys(_THEOplayerView).forEach(function (key) {
     }
   });
 });
-var _barrel18 = require("./player/barrel");
-Object.keys(_barrel18).forEach(function (key) {
+var _barrel19 = require("./player/barrel");
+Object.keys(_barrel19).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _barrel18[key]) return;
+  if (key in exports && exports[key] === _barrel19[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _barrel18[key];
+      return _barrel19[key];
     }
   });
 });
-var _barrel19 = require("./presentation/barrel");
-Object.keys(_barrel19).forEach(function (key) {
+var _barrel20 = require("./presentation/barrel");
+Object.keys(_barrel20).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _barrel19[key]) return;
+  if (key in exports && exports[key] === _barrel20[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _barrel19[key];
+      return _barrel20[key];
     }
   });
 });