react-native-theoplayer 1.6.1 → 1.7.1

package/README.md

@@ -63,4 +63,8 @@ and discussed in the next section. Finally, an overview of features, limitations
 - [The THEOplayerView component](./doc/theoplayerview-component.md)
 - [The example application with React Native UI](./doc/example-app.md)
 - [Features](./doc/features.md)
+- Knowledge Base
+  - [Advertisements](./doc/ads.md)
+  - [Custom iOS framework](./doc/custom-ios-framework.md)
+  - [Digital Rights Management (DRM)](./doc/drm.md)
 - [Limitations and known issues](./doc/limitations.md)

package/android/build.gradle

@@ -1,59 +1,62 @@
 buildscript {
-  if (project == rootProject) {
-    repositories {
-      google()
-      mavenCentral()
-    }
+  repositories {
+    google()
+    mavenCentral()
+  }
 
-    dependencies {
-      classpath 'com.android.tools.build:gradle:4.2.2'
-    }
+  dependencies {
+    classpath 'com.android.tools.build:gradle:4.2.2'
+    classpath 'org.jetbrains.kotlin:kotlin-gradle-plugin:1.7.10'
   }
 }
 
 apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
 
 def safeExtGet(prop, fallback) {
   rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
 }
 
-def TimeUpdateRate = "com.theoplayer.TimeUpdateRate"
+// Extensions
+def enabledGoogleIMA = safeExtGet("THEOplayer_extensionGoogleIMA", 'false').toBoolean()
+def enabledGoogleDAI = safeExtGet("THEOplayer_extensionGoogleDAI", 'false').toBoolean()
+def enabledAds = enabledGoogleIMA || enabledGoogleDAI
+def enabledCast = safeExtGet("THEOplayer_extensionCast", 'false').toBoolean()
 
 android {
   compileSdkVersion safeExtGet('THEOplayer_compileSdkVersion', 31)
+
   defaultConfig {
     minSdkVersion safeExtGet('THEOplayer_minSdkVersion', 21)
     targetSdkVersion safeExtGet('THEOplayer_targetSdkVersion', 31)
     versionCode 1
     versionName "1.0"
+
+    // Optionally limit timeUpdate rate. Possible values:
+    // - "com.theoplayer.TimeUpdateRate.UNLIMITED"
+    // - "com.theoplayer.TimeUpdateRate.LIMITED_ONE_HZ"
+    // - "com.theoplayer.TimeUpdateRate.LIMITED_TWO_HZ"
+    // - "com.theoplayer.TimeUpdateRate.LIMITED_THREE_HZ"
+    def TimeUpdateRate = "com.theoplayer.TimeUpdateRate"
+    buildConfigField TimeUpdateRate, "TIMEUPDATE_RATE", safeExtGet('THEOplayer_timeUpdateRate', "${TimeUpdateRate}.UNLIMITED")
+
+    // Optionally log events to logcat
+    buildConfigField "boolean", "LOG_PLAYER_EVENTS", "${safeExtGet('THEOplayer_logPlayerEvents', 'false')}"
+    buildConfigField "boolean", "LOG_VIEW_EVENTS", "${safeExtGet('THEOplayer_logViewEvents', 'false')}"
+
+    // Extension buildConfig fields
+    buildConfigField "boolean", "EXTENSION_GOOGLE_IMA", "${enabledGoogleIMA}"
+    buildConfigField "boolean", "EXTENSION_GOOGLE_DAI", "${enabledGoogleDAI}"
+    buildConfigField "boolean", "EXTENSION_ADS", "${enabledAds}"
+    buildConfigField "boolean", "EXTENSION_CAST", "${enabledCast}"
   }
 
   buildTypes {
     debug {
-      // Optionally limit timeUpdate rate. Possible values:
-      // - "com.theoplayer.TimeUpdateRate.UNLIMITED"
-      // - "com.theoplayer.TimeUpdateRate.LIMITED_ONE_HZ"
-      // - "com.theoplayer.TimeUpdateRate.LIMITED_TWO_HZ"
-      // - "com.theoplayer.TimeUpdateRate.LIMITED_THREE_HZ"
-      buildConfigField TimeUpdateRate, "TIMEUPDATE_RATE", safeExtGet('THEOplayer_timeUpdateRate', "${TimeUpdateRate}.UNLIMITED")
-
-      // Optionally log events to logcat
-      buildConfigField "boolean", "LOG_PLAYER_EVENTS", safeExtGet('THEOplayer_logPlayerEvents', "false")
-      buildConfigField "boolean", "LOG_VIEW_EVENTS", safeExtGet('THEOplayer_logViewEvents', "false")
+      minifyEnabled false
     }
     release {
       minifyEnabled false
-
-      // Optionally limit timeUpdate rate, which could improve performance. Possible values:
-      // - "com.theoplayer.TimeUpdateRate.UNLIMITED"
-      // - "com.theoplayer.TimeUpdateRate.LIMITED_ONE_HZ"
-      // - "com.theoplayer.TimeUpdateRate.LIMITED_TWO_HZ"
-      // - "com.theoplayer.TimeUpdateRate.LIMITED_THREE_HZ"
-      buildConfigField TimeUpdateRate, "TIMEUPDATE_RATE", safeExtGet('THEOplayer_timeUpdateRate', "${TimeUpdateRate}.UNLIMITED")
-
-      // Optionally log events to logcat
-      buildConfigField "boolean", "LOG_PLAYER_EVENTS", safeExtGet('THEOplayer_logPlayerEvents', "false")
-      buildConfigField "boolean", "LOG_VIEW_EVENTS", safeExtGet('THEOplayer_logViewEvents', "false")
     }
   }
   lintOptions {
@@ -69,6 +72,12 @@ android {
   }
 }
 
+rootProject.allprojects {
+  repositories {
+    maven { url("$rootDir/../node_modules/react-native-theoplayer/android/local") }
+  }
+}
+
 repositories {
   mavenLocal()
   maven {
@@ -77,13 +86,47 @@ repositories {
   }
   google()
   mavenCentral()
+  maven { url("local") }
   maven { url 'https://jitpack.io' }
 }
 
 dependencies {
   //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"  // From node_modules
-  implementation "com.theoplayer.theoplayer-sdk-android:unified:${safeExtGet('THEOplayer_sdk', '+')}"
-  implementation "com.theoplayer.theoplayer-sdk-android:unified-ads:${safeExtGet('THEOplayer_sdk', '+')}"
-  implementation "com.theoplayer.theoplayer-sdk-android:unified-ads-ima:${safeExtGet('THEOplayer_sdk', '+')}"
+  implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.6.4'
+  implementation "com.theoplayer.theoplayer-sdk-android:ads-wrapper:4.3.0"
+
+  def THEOplayerVersion = safeExtGet('THEOplayer_sdk', '+')
+
+  println("Using THEOplayer v${THEOplayerVersion}")
+  implementation "com.theoplayer.theoplayer-sdk-android:unified:${THEOplayerVersion}"
+
+  if (enabledGoogleIMA) {
+    println('ENABLE THEOplayer IMA extension.')
+    implementation "com.theoplayer.theoplayer-sdk-android:unified-ads:${THEOplayerVersion}"
+    implementation "com.theoplayer.theoplayer-sdk-android:unified-ads-ima:${THEOplayerVersion}"
+  } else {
+    println('DISABLE THEOplayer IMA extension.')
+    compileOnly "com.theoplayer.theoplayer-sdk-android:unified-ads:${THEOplayerVersion}"
+    compileOnly "com.theoplayer.theoplayer-sdk-android:unified-ads-ima:${THEOplayerVersion}"
+  }
+
+  // NOTE: The DAI extension module is available on Maven as of SDK v4.3.0
+  if (enabledGoogleDAI) {
+    println('ENABLE THEOplayer DAI extension.')
+    implementation "com.theoplayer.theoplayer-sdk-android:unified-ads:${THEOplayerVersion}"
+    implementation "com.theoplayer.theoplayer-sdk-android:unified-ads-dai:${THEOplayerVersion}"
+  } else {
+    println('DISABLE THEOplayer DAI extension.')
+    compileOnly "com.theoplayer.theoplayer-sdk-android:unified-ads:${THEOplayerVersion}"
+    compileOnly "com.theoplayer.theoplayer-sdk-android:unified-ads-dai:${THEOplayerVersion}"
+  }
+
+  if (enabledCast) {
+    println('ENABLE THEOplayer cast extension.')
+    implementation "com.theoplayer.theoplayer-sdk-android:unified-cast:${THEOplayerVersion}"
+  } else {
+    println('DISABLE THEOplayer cast extension.')
+    compileOnly "com.theoplayer.theoplayer-sdk-android:unified-cast:${THEOplayerVersion}"
+  }
 }

package/android/local/com/theoplayer/theoplayer-sdk-android/ads-wrapper/4.3.0/ads-wrapper-4.3.0.pom

@@ -0,0 +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>4.0.0</modelVersion>
+  <groupId>com.theoplayer.theoplayer-sdk-android</groupId>
+  <artifactId>ads-wrapper</artifactId>
+  <version>4.3.0</version>
+  <packaging>aar</packaging>
+</project>

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

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<metadata>
+  <groupId>com.theoplayer.theoplayer-sdk-android</groupId>
+  <artifactId>ads-wrapper</artifactId>
+  <versioning>
+    <latest>4.3.0</latest>
+    <release>4.3.0</release>
+    <versions>
+      <version>4.3.0</version>
+    </versions>
+    <lastUpdated>20221118111544</lastUpdated>
+  </versioning>
+</metadata>

package/android/src/main/java/com/theoplayer/PlayerConfigHelper.java

@@ -1,18 +1,32 @@
 package com.theoplayer;
 
+import android.text.TextUtils;
+
 import androidx.annotation.Nullable;
 
 import com.facebook.react.bridge.ReadableMap;
 import com.theoplayer.android.api.THEOplayerConfig;
+import com.theoplayer.android.api.ads.AdPreloadType;
+import com.theoplayer.android.api.ads.AdsConfiguration;
+import com.theoplayer.android.api.ads.GoogleImaConfiguration;
 
 public class PlayerConfigHelper {
+  static final private String PROP_ADS_CONFIGURATION = "ads";
   static final private String PROP_LICENSE = "license";
   static final private String PROP_LICENSE_URL = "licenseUrl";
   static final private String PROP_CHROMELESS = "chromeless";
+  static final private String PROP_PRELOAD = "preload";
+  static final private String PROP_UI_ENABLED = "uiEnabled";
+  static final private String PROP_GOOGLE_IMA_CONFIGURATION = "googleImaConfiguration";
+  static final private String PROP_USE_NATIVE_IMA = "useNativeIma";
 
   static public THEOplayerConfig fromProps(@Nullable ReadableMap configProps) {
     THEOplayerConfig.Builder configBuilder = new THEOplayerConfig.Builder();
     if (configProps != null) {
+      AdsConfiguration adsConfig = adsConfigurationFromProps(configProps.getMap(PROP_ADS_CONFIGURATION));
+      if (adsConfig != null) {
+        configBuilder.ads(adsConfig);
+      }
       String license = configProps.getString(PROP_LICENSE);
       if (license != null) {
         configBuilder.license(license);
@@ -27,4 +41,30 @@ public class PlayerConfigHelper {
     }
     return configBuilder.build();
   }
+
+  static private AdsConfiguration adsConfigurationFromProps(@Nullable ReadableMap configProps) {
+    if (configProps == null) {
+      return null;
+    }
+    AdsConfiguration.Builder builder = new AdsConfiguration.Builder();
+    String preloadTypeString = configProps.getString(PROP_PRELOAD);
+    if (!TextUtils.isEmpty(preloadTypeString)) {
+      builder.preload(AdPreloadType.from(preloadTypeString));
+    }
+    builder.showCountdown(!configProps.hasKey(PROP_UI_ENABLED) || configProps.getBoolean(PROP_UI_ENABLED));
+    GoogleImaConfiguration googleImaConfiguration = googleImaConfigurationFromProps(configProps.getMap(PROP_GOOGLE_IMA_CONFIGURATION));
+    if (googleImaConfiguration != null) {
+      builder.googleImaConfiguration(googleImaConfiguration);
+    }
+    return builder.build();
+  }
+
+  static private GoogleImaConfiguration googleImaConfigurationFromProps(@Nullable ReadableMap configProps) {
+    if (configProps == null) {
+      return null;
+    }
+    return new GoogleImaConfiguration.Builder()
+      .useNativeIma(configProps.hasKey(PROP_USE_NATIVE_IMA) && configProps.getBoolean(PROP_USE_NATIVE_IMA))
+      .build();
+  }
 }

package/android/src/main/java/com/theoplayer/ReactTHEOplayerPackage.java

@@ -6,17 +6,22 @@ import com.facebook.react.ReactPackage;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
-import com.theoplayer.ReactTHEOplayerViewManager;
+import com.theoplayer.ads.AdsModule;
+import com.theoplayer.drm.ContentProtectionModule;
 
+import java.util.ArrayList;
 import java.util.Arrays;
-import java.util.Collections;
 import java.util.List;
 
 public class ReactTHEOplayerPackage implements ReactPackage {
+
     @NonNull
     @Override
     public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
-        return Collections.emptyList();
+      List<NativeModule> modules = new ArrayList<>();
+      modules.add(new AdsModule(reactContext));
+      modules.add(new ContentProtectionModule(reactContext));
+      return modules;
     }
 
     @NonNull

package/android/src/main/java/com/theoplayer/ReactTHEOplayerView.java

@@ -14,19 +14,30 @@ import androidx.annotation.Nullable;
 
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.LifecycleEventListener;
+import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.google.ads.interactivemedia.v3.api.AdsRenderingSettings;
+import com.google.ads.interactivemedia.v3.api.ImaSdkFactory;
+import com.theoplayer.android.api.ads.dai.GoogleDaiIntegration;
+import com.theoplayer.android.api.ads.dai.GoogleDaiIntegrationFactory;
+import com.theoplayer.abr.ABRConfigurationAdapter;
 import com.theoplayer.android.api.THEOplayerConfig;
 import com.theoplayer.android.api.THEOplayerView;
 import com.theoplayer.android.api.ads.ima.GoogleImaIntegration;
 import com.theoplayer.android.api.ads.ima.GoogleImaIntegrationFactory;
+import com.theoplayer.android.api.ads.wrapper.AdsApiWrapper;
+import com.theoplayer.android.api.cast.CastIntegration;
+import com.theoplayer.android.api.cast.CastIntegrationFactory;
+import com.theoplayer.android.api.error.THEOplayerException;
 import com.theoplayer.android.api.player.Player;
 import com.theoplayer.android.api.player.RequestCallback;
 import com.theoplayer.android.api.player.track.mediatrack.MediaTrack;
 import com.theoplayer.android.api.player.track.mediatrack.MediaTrackList;
 import com.theoplayer.android.api.player.track.mediatrack.quality.AudioQuality;
+import com.theoplayer.android.api.player.track.mediatrack.quality.QualityList;
 import com.theoplayer.android.api.player.track.mediatrack.quality.VideoQuality;
 import com.theoplayer.android.api.player.track.texttrack.TextTrack;
 import com.theoplayer.android.api.player.track.texttrack.TextTrackList;
@@ -34,7 +45,11 @@ import com.theoplayer.android.api.player.track.texttrack.TextTrackMode;
 import com.theoplayer.android.api.player.track.texttrack.cue.TextTrackCue;
 import com.theoplayer.android.api.source.SourceDescription;
 import com.theoplayer.android.api.timerange.TimeRanges;
+import com.theoplayer.track.QualityListFilter;
 import com.theoplayer.track.TrackListInfo;
+import com.theoplayer.util.TypeUtils;
+
+import java.util.Collections;
 
 @SuppressLint("ViewConstructor")
 public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventListener {
@@ -49,8 +64,14 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
 
   private THEOplayerView playerView;
 
-  private Player player;
+  private GoogleDaiIntegration daiIntegration;
+
+  private GoogleImaIntegration imaIntegration;
+
+  private final AdsApiWrapper adsApi;
 
+  private Player player;
+  private ReadableMap abrConfig;
   private boolean paused;
   private boolean muted = false;
   private boolean fullscreen = false;
@@ -65,12 +86,18 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
     this.reactContext = context;
     this.eventEmitter = new VideoEventEmitter(context, this);
     reactContext.addLifecycleEventListener(this);
+    adsApi = new AdsApiWrapper();
   }
 
   public void initialize(@Nullable ReadableMap configProps) {
     createViews(PlayerConfigHelper.fromProps(configProps));
   }
 
+  @Nullable
+  public GoogleDaiIntegration getDaiIntegration() {
+    return daiIntegration;
+  }
+
   @NonNull
   public WritableArray getTextTrackInfo() {
     if (player != null) {
@@ -112,7 +139,7 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
   }
 
   public double getDuration() {
-    return player != null? 1e03 * player.getDuration() : Double.NaN;
+    return TypeUtils.INSTANCE.encodeInfNan(player != null? 1e03 * player.getDuration() : Double.NaN);
   }
 
   public void getSeekableRange(RequestCallback<TimeRanges> callback) {
@@ -165,13 +192,43 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
     playerView.setLayoutParams(layoutParams);
 
     addView(playerView, 0, layoutParams);
-    addIntegrations(playerView);
+    addIntegrations(playerView, playerConfig);
   }
 
-  private void addIntegrations(@NonNull final THEOplayerView playerView) {
-    GoogleImaIntegration googleImaIntegration = GoogleImaIntegrationFactory.createGoogleImaIntegration(playerView);
-    playerView.getPlayer().addIntegration(googleImaIntegration);
-    // Add other future integrations here.
+  private void addIntegrations(@NonNull final THEOplayerView playerView, @NonNull THEOplayerConfig playerConfig) {
+    try {
+      if (BuildConfig.EXTENSION_GOOGLE_IMA) {
+        imaIntegration = GoogleImaIntegrationFactory.createGoogleImaIntegration(playerView);
+        imaIntegration.setAdsRenderingSettings(createRenderSettings(playerConfig));
+        playerView.getPlayer().addIntegration(imaIntegration);
+      }
+    } catch (Exception ignore) {
+    }
+    try {
+      if (BuildConfig.EXTENSION_GOOGLE_DAI) {
+        daiIntegration = GoogleDaiIntegrationFactory.createGoogleDaiIntegration(playerView);
+        daiIntegration.setAdsRenderingSettings(createRenderSettings(playerConfig));
+        playerView.getPlayer().addIntegration(daiIntegration);
+      }
+    } catch (Exception ignore) {
+    }
+    try {
+      if (BuildConfig.EXTENSION_CAST) {
+        CastIntegration castIntegration = CastIntegrationFactory.createCastIntegration(playerView);
+        playerView.getPlayer().addIntegration(castIntegration);
+      }
+      // Add other future integrations here.
+    } catch (Exception ignore) {
+    }
+  }
+
+  private AdsRenderingSettings createRenderSettings(@NonNull THEOplayerConfig playerConfig) {
+    AdsRenderingSettings renderingSettings = ImaSdkFactory.getInstance().createAdsRenderingSettings();
+    if (playerConfig.getAds() != null && !playerConfig.getAds().isShowCountdown()) {
+      renderingSettings.setUiElements(Collections.emptySet());
+      renderingSettings.setDisableUi(true);
+    }
+    return renderingSettings;
   }
 
   @Override
@@ -189,10 +246,6 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
       Log.d(TAG, "onDetachedFromWindow");
     }
     super.onDetachedFromWindow();
-    /* We want to be able to continue playing audio when switching tabs.
-     * Leave this here in case it causes issues.
-     */
-    // stopPlayback();
   }
 
   private void initializePlayer() {
@@ -200,23 +253,38 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
     new Handler().postDelayed(() -> {
       if (player == null) {
         player = playerView.getPlayer();
+        ABRConfigurationAdapter.INSTANCE.applyABRConfigurationFromProps(player, abrConfig);
+        if (BuildConfig.EXTENSION_ADS) {
+          adsApi.initialize(player, imaIntegration, daiIntegration);
+        }
         eventEmitter.attachListeners(player);
-        player.setMuted(this.muted);
-        player.setVolume(this.volume);
-        player.setPlaybackRate(this.playbackRate);
-        player.setSource(this.sourceDescription);
+        player.setMuted(muted);
+        player.setVolume(volume);
+        player.setPlaybackRate(playbackRate);
+
+        setSource(sourceDescription);
 
         if (!this.paused) {
           player.play();
         }
 
-        if (this.seekTime != TIME_UNSET) {
-          seekTo(this.seekTime);
+        if (seekTime != TIME_UNSET) {
+          seekTo(seekTime);
         }
       }
     }, 1);
   }
 
+  @Nullable
+  public Player getPlayer() {
+    return player;
+  }
+
+  @NonNull
+  public AdsApiWrapper getAdsApi() {
+    return adsApi;
+  }
+
   @Override
   public void onHostResume() {
     if (BuildConfig.LOG_VIEW_EVENTS) {
@@ -242,34 +310,54 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
     if (BuildConfig.LOG_VIEW_EVENTS) {
       Log.d(TAG, "onHostDestroy");
     }
-    stopPlayback();
-    if (playerView != null) {
-      playerView.onDestroy();
-    }
+    cleanUpResources();
   }
 
   public void cleanUpResources() {
     if (BuildConfig.LOG_VIEW_EVENTS) {
       Log.d(TAG, "cleanUpResources");
     }
-    stopPlayback();
-  }
-
-  private void stopPlayback() {
     releasePlayer();
   }
 
   private void releasePlayer() {
     if (player != null) {
       eventEmitter.removeListeners(player);
+
+      if (adsApi != null) {
+        adsApi.destroy();
+      }
+
       player.stop();
       player = null;
     }
+
+    if (playerView != null) {
+      playerView.onDestroy();
+    }
+
     reactContext.removeLifecycleEventListener(this);
   }
 
+  public void setSource(@Nullable final ReadableMap source) {
+    try {
+      setSource(new SourceHelper().parseSourceFromJS(source));
+    } catch (THEOplayerException exception) {
+      Log.e(TAG, exception.getMessage());
+      eventEmitter.emitError(exception);
+    }
+  }
+
+  public void setABRConfig(@Nullable ReadableMap abrConfigProps) {
+    abrConfig = abrConfigProps;
+    ABRConfigurationAdapter.INSTANCE.applyABRConfigurationFromProps(player, abrConfig);
+  }
+
   public void setSource(@Nullable final SourceDescription sourceDescription) {
     this.sourceDescription = sourceDescription;
+    if (adsApi != null) {
+      adsApi.setSource(sourceDescription);
+    }
     if (player != null && sourceDescription != null) {
       player.setSource(sourceDescription);
     }
@@ -281,7 +369,7 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
       final boolean playerIsPaused = player.isPaused();
       if (!paused && playerIsPaused) {
         player.play();
-      } else if (paused && !playerIsPaused) {
+      } else if (paused && (!playerIsPaused || adsApi.isPlaying())) {
         player.pause();
       }
     }
@@ -335,8 +423,8 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
       for (final TextTrack track: player.getTextTracks()) {
         if (track.getUid() == uid) {
           track.setMode(TextTrackMode.SHOWING);
-        } else {
-          track.setMode(TextTrackMode.HIDDEN);
+        } else if (track.getMode() == TextTrackMode.SHOWING) {
+          track.setMode(TextTrackMode.DISABLED);
         }
       }
     }
@@ -386,6 +474,21 @@ public class ReactTHEOplayerView extends FrameLayout implements LifecycleEventLi
     }
   }
 
+  public void setTargetVideoQualities(ReadableArray uids) {
+    MediaTrack<VideoQuality> currentVideoTrack = getSelectedVideoTrack();
+    if (currentVideoTrack != null) {
+      if (uids.size() == 0) {
+        // Reset target qualities when passing empty list.
+        currentVideoTrack.setTargetQuality(null);
+      } else {
+        QualityList<VideoQuality> qualities = currentVideoTrack.getQualities();
+        if (qualities != null) {
+          currentVideoTrack.setTargetQualities(new QualityListFilter<>(qualities).filterQualityList(uids));
+        }
+      }
+    }
+  }
+
   @SuppressLint("ObsoleteSdkInt")
   public void setFullscreen(boolean fullscreen) {
     if (fullscreen == this.fullscreen) {

package/android/src/main/java/com/theoplayer/ReactTHEOplayerViewManager.java

@@ -3,6 +3,7 @@ package com.theoplayer;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 
+import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.ThemedReactContext;
@@ -15,6 +16,7 @@ public class ReactTHEOplayerViewManager extends ViewGroupManager<ReactTHEOplayer
   public static final String REACT_CLASS = "THEOplayerRCTView";
 
   private static final String PROP_CONFIG = "config";
+  private static final String PROP_ABR_CONFIG = "abrConfig";
   private static final String PROP_SRC = "src";
   private static final String PROP_SEEK = "seek";
   private static final String PROP_PAUSED = "paused";
@@ -25,6 +27,7 @@ public class ReactTHEOplayerViewManager extends ViewGroupManager<ReactTHEOplayer
   private static final String PROP_SELECTED_TEXTTRACK = "selectedTextTrack";
   private static final String PROP_SELECTED_AUDIOTRACK = "selectedAudioTrack";
   private static final String PROP_SELECTED_VIDEOTRACK = "selectedVideoTrack";
+  private static final String PROP_TARGET_VIDEOQUALITY = "targetVideoQuality";
 
   @Override
   @NonNull
@@ -48,9 +51,14 @@ public class ReactTHEOplayerViewManager extends ViewGroupManager<ReactTHEOplayer
     videoView.initialize(config);
   }
 
+  @ReactProp(name = PROP_ABR_CONFIG)
+  public void setABRConfig(final ReactTHEOplayerView videoView, @Nullable ReadableMap config) {
+    videoView.setABRConfig(config);
+  }
+
   @ReactProp(name = PROP_SRC)
   public void setSource(final ReactTHEOplayerView videoView, @Nullable ReadableMap src) {
-    videoView.setSource(new SourceHelper().parseSourceFromJS(src));
+    videoView.setSource(src);
   }
 
   @ReactProp(name = PROP_SEEK)
@@ -102,6 +110,11 @@ public class ReactTHEOplayerViewManager extends ViewGroupManager<ReactTHEOplayer
     }
   }
 
+  @ReactProp(name = PROP_TARGET_VIDEOQUALITY)
+  public void setTargetVideoQuality(final ReactTHEOplayerView videoView, final ReadableArray uid) {
+      videoView.setTargetVideoQualities(uid);
+  }
+
   @Override
   public @Nullable
   Map<String, Object> getExportedCustomDirectEventTypeConstants() {